Vlastnosť text-transform

Vlastnosť text-transform nastavuje registre znakov textu: horný register (veľké písmená), dolný register (malé písmená), môže urobiť veľkým prvé písmeno každého slova.

Syntax

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

Hodnoty

Hodnota Popis
capitalize Prvý znak každého slova vo vete bude veľký.
lowercase Všetky znaky textu sa prevedú do dolného registra.
uppercase Všetky znaky textu sa prevedú do HORNÉHO REGISTRA.
none Nemení registre znakov.

Predvolená hodnota: none.

Príklad . Hodnota capitalize

Teraz sa prvé písmeno každého slova stane veľkým:

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-transform: capitalize;
}

Результат:

Príklad . Hodnota uppercase

Teraz sa všetky znaky stanú veľkými:

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-transform: uppercase;
}

Результат:

Príklad . Hodnota lowercase

Teraz sa všetky znaky stanú malými (teda malými, nie veľkými):

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>
cssp {
  text-transform: lowercase;
}

Результат: