WYRÓWNANIE

Wyrównanie tekstu ustalamy za pomocą text-align.

selektor { text-align: wartość; }

Możemy zastosować wartości:

• left - wyrównanie do lewej (domyślne)
• right - wyrównanie do prawej
• center - wyśrodkowanie
• justify - justowanie (wyrównanie do lewego i prawego marginesu)

p { text-align: right; }

WCIĘCIE

Wcięcie akapitu ustalamy za pomocą text-indent.

selektor { text-indent: wartość; }

p { text-indent: 40px; }

TRANSFORMACJA

Wielkość liter w tekście ustalamy za pomocą text-transform.

selektor { text-transform: wartość; }

Możemy zastosować wartości:

• capitalize - pierwsza litera każdego wyrazu będzie duża
• uppercase - wszystkie litery będą duże
• lowercase - wszystkie litery będą małe
• none - bez efektu transformacji

p { text-transform: uppercase; }

DEKORACJA

Dekorację tekstu ustalamy za pomocą text-decoration.

selektor { text-decoration: wartość; }

Możemy zastosować wartości:

• underline - podkreślenie
• overline - linia nad tekstem
• line-through - przekreślenie
• blink - miganie
• none - bez efektu dekoracji tekstu

p { text-decoration: underline; }

CIEŃ

Cień czcionki ustalamy za pomocą text-shadow.

selektor { text-shadow: wartość; }

W przypadku cienia wartość ma postać:

selektor { text-shadow: a b c d; }

• a - położenie w poziomie
• b - położenie w pionie
• c - rozmycie
• d - kolor

p { text-shadow: 2px 2px 1px silver; }

ODSTĘP POMIĘDZY LITERAMI

Odstęp pomiędzy literami ustalamy za pomocą letter-spacing.

selektor { letter-spacing: wartość; }

p { letter-spacing: 5px; }

ODSTĘP POMIĘDZY WYRAZAMI

Odstęp pomiędzy wyrazami ustalamy za pomocą word-spacing.

selektor { word-spacing: wartość; }

p { word-spacing: 15px; }

ŹRÓDŁO