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

cssselektor {
  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ą:

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

cssp {
  text-transform: capitalize;
}

Результат:

Przykład . Wartość uppercase

Teraz wszystkie symbole staną się wielkimi literami:

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

cssp {
  text-transform: uppercase;
}

Результат:

Przykład . Wartość lowercase

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

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

cssp {
  text-transform: lowercase;
}

Результат: