Właściwość text-transform

Właściwość text-transform ustawia wielkość liter tekstu: wielkie litery (uppercase), małe litery (lowercase), może robić wielką literą pierwszą literę każdego słowa.

Składnia

selektor {
	text-transform: capitalize | lowercase | uppercase | none;
}

Wartości

Wartość	Opis
`capitalize`	Pierwszy symbol każdego słowa w zdaniu będzie wielką literą.
`lowercase`	Wszystkie symbole tekstu są przetłumaczone na małe litery.
`uppercase`	Wszystkie symbole tekstu są przetłumaczone na WIELKIE LITERY.
`none`	Nie zmienia wielkości liter.

Wartość domyślna: none.

Przykład . Wartość capitalize

Teraz pierwsza litera każdego słowa stanie się wielką literą:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-transform: capitalize;
}

Przykład . Wartość uppercase

Teraz wszystkie symbole staną się wielkimi literami:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-transform: uppercase;
}

Przykład . Wartość lowercase

Teraz wszystkie symbole staną się małymi literami (to znaczy małymi, nie wielkimi):

<p>
	LOREM IPSUM DOLOR SIT AMET.
</p>

p {
	text-transform: lowercase;
}