CSS/Eigenschaften/text-transform

Die Eigenschaft text-transform bestimmt, ob Groß- oder Kleinbuchstaben dargestellt werden sollen.

Erlaubte Werte

• none, der Text wird wie im Quelltext dargestellt
• lowercase, alle Zeichen werden in Kleinbuchstaben umgewandelt
• uppercase, alle Zeichen werden in Großbuchstaben umgewandelt
• capitalize, die ersten Buchstaben der Wörter werden in Großbuchstaben umgewandelt
• full-width, alle Zeichen werden in einer quadratischen Box dargestellt, die der Größe des Gevierts entspricht
• full-size-kana, wandelt alle kleinen Kana-Zeichen in große Kana-Zeichen um

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

none

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

nein

Beispiel

header h2 {
  text-transform: uppercase; 
}

legt fest, dass Überschriften zweiter Ordnung in header-Elementen in Majuskeln dargestellt werden

Siehe auch

• Typografie/Farbe und Dekoration#text-transform
• CSS/Eigenschaften/font-variant

Weblinks

• Spezifikation (W3C): CSS Text Module Level 3
• MDN: text-transform