Großbuchstaben und Buchstabenabstand

Die Eigenschaft text-transform hast du schon in der Lektion über Selektoren benutzt. Sie ändert die Groß- und Kleinschreibung der Buchstaben:

• uppercase: alle Buchstaben sind Großbuchstaben,
• lowercase: ALLE BUCHSTABEN SIND KLEIN,
• capitalize: jedes wort beginnt mit einem großbuchstaben,
• none: die Buchstaben bleiben, wie sie im HTML stehen (der Standard).

Warum schreibt man die Überschrift nicht gleich im HTML in Großbuchstaben? Weil die Großbuchstaben hier eine Frage des Aussehens sind, nicht des Inhalts. Der Text im HTML bleibt, wie er ist, und wenn wir das Design später ändern wollen, ändern wir nur das CSS.

Die Eigenschaft letter-spacing fügt Platz zwischen den Buchstaben hinzu. Text in Großbuchstaben sieht mit etwas zusätzlichem Platz meist besser aus:

Hauskatze

Hauskatze

Ein negativer Wert rückt die Buchstaben näher zusammen. Der Wert ist eine Länge, zum Beispiel in Pixeln.