Vlastnost text-transform

Vlastnost text-transform nastavuje registr znaků textu: horní registr (velká písmena), dolní registr (malá písmena), může nastavit velké první písmeno každého slova.

Syntaxe

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

Hodnoty

Hodnota Popis
capitalize První znak každého slova ve větě bude velký.
lowercase Všechny znaky textu jsou převedeny do dolního registru.
uppercase Všechny znaky textu jsou převedeny do HORNÍHO REGISTRU.
none Nemění registr znaků.

Výchozí hodnota: none.

Příklad . Hodnota capitalize

Nyní se první písmeno každého slova stane velkým:

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

Результат:

Příklad . Hodnota uppercase

Nyní se všechny znaky stanou velkými:

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

Результат:

Příklad . Hodnota lowercase

Nyní se všechny znaky stanou malými (tj. malými, ne velkými):

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

Результат: