Velká písmena a mezery mezi písmeny

Vlastnost text-transform už znáte z lekce o selektorech. Převádí písmena na velká nebo malá:

• uppercase: všechna písmena jsou velká,
• lowercase: VŠECHNA PÍSMENA JSOU MALÁ,
• capitalize: každé slovo začíná velkým písmenem,
• none: písmena jsou taková jako v HTML (výchozí hodnota).

Proč nenapsat nadpis velkými písmeny rovnou v HTML? Protože tady jsou velká písmena otázkou vzhledu, ne obsahu. Text v HTML zůstane tak, jak je, a když budeme chtít vzhled později změnit, upravíme jen CSS.

Vlastnost letter-spacing přidává mezi písmena mezery (v typografii se tomu říká prostrkání). Text psaný velkými písmeny obvykle vypadá lépe s trochou místa navíc:

Kočka domácí

Kočka domácí

Záporná hodnota písmena naopak přiblíží k sobě. Hodnotou je délka, například v pixelech.