1.text-align

Wyśrodkowanie do lewej

Wyśrodkowanie do prawej

Wyśrodkowanie do środka

Wyjustowany

2.text-transform

Małe litery

Duże litery

Tylko pierwsza litera duża

3.text-decoration

linia nad tekstem

linia przez tekst

linia pod tekstem

4.text-indent

Pierwsza linia tego paragrafu zostanie wcięta o 20px. Żeby to zobrazować dodamy wypełniacz tekstu. Dolor sit amet, consectetur adipisicing elit. Odio rerum nobis culpa, deserunt est fugit nihil minus?

5.text-shadow

Cień bez rozmycia

Cień z rozmyciem 5px

Cień z rozmyciem 15px

6.letter-spacing

letter spacing 2px

letter spacing 1px

letter spacing 0

letter spacing -1px

letter spacing -2px

7.word-spacing

Wyrazy z odstępem 5px

Wyrazy z odstępem 2px

Wyrazy z odstępem domyślnym (0)

Wyrazy z odstępem -2px

Wyrazy z odstępem -5px

8.white-space

Wartość domyślna. Wszelkie białe znaki (spacja, tab, enter) są pomijane w tekście oraz stosuje się naturalne zawijanie wierszy.

Wartość nowrap (ang. nie zawijać) nie pozwala na naturalne zawijanie tekstu, tzn. na przenoszenie do następnej linii. Jeśli chcemy, tego dokonać musimy posłużyć się elementem
. Wszelkie białe znaki są pomijane.

Wartość pre (ang. preserved – zachowane) spowoduje, że wszystkie białe znaki zostaną zachowane i wyświetlone. Jednak wartość ta powoduje, że jeśli sami nie przeniesiemy tekstu do nowej linii przy użyciu enter’a, bądź elementu
tekst sam nie zostanie zawinięty.

Wartość pre-wrap (ang. preserved wrap – zachowane zawijanie) ta różni się od poprzedniej jedynie możliwością naturalnego zawijania tekstu, tak aby nie wychodził on poza ramkę.

pre-line Wartość pre-line (ang. preserved line – zachowanie nowej linii) spowoduje, że wszystkie znaki oprócz znaku enter zostaną pominięte. Przeniesienie do następnej linii będzie możliwe poprzez enter, element
, bądź samoczynne zawinięcie się tekstu.

9.overflow

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, quisquam sunt. Consectetur unde modi quos provident adipisicing elit ure saepe perspiciatis repellat

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, quisquam sunt. Consectetur unde modi quos provident adipisicing elit ure saepe perspiciatis repellat

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, quisquam sunt. Consectetur unde modi quos provident adipisicing elit ure saepe perspiciatis repellat

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, quisquam sunt. Consectetur unde modi quos provident adipisicing elit ure saepe perspiciatis repellat

10.text-overflow

Tekst, który zostanie przycięty.

Tekst, który zostanie przycięty wielokropkiem.

11. tag <b>

12. tag <strong>

13. tag <i>

14. tag <em>

15. tag <mark>

16. tag <small>

17. tag <del>

18. tag <ins>

19. tag <sub>

Indeks _dolny

20. tag <sup>

Indeks ^górny