Stil mit {stil}

Nov 2008

text-transform • Groß- und Kleinschreibung

Die CSS-Eigenschaft text-transform wandelt alle Zeichen eines Textes in Kleinbuchstaben oder in große Buchstaben (Versalien) um oder stellt jeden ersten Buchstaben eines Wortes in großen Buchstaben dar.

Alexander der Große

.cap { text-transform: uppercase; }
…
<p class="cap">Alexander der Große</p>

Das war einst für kundige Typografen eine kleine Katastrophe: Das »ß« wurde bei der Umwandlung in Großbuchstaben nicht in »SS« umgesetzt. Safari 3 und Firefox 3 sind allerdings bereits korrekt bei der Umsetzung der Eigenschaft text-transform und zeigen »SS«, wenn ein »ß« im Text vorkommt. Opera 9 (Mac) zeigt immer noch das »ß«.

• text-align
• letter-spacing
• text-decoration
• text-indent
• [ text-transform ]
• white-space
• word-spacing

text-transform

IE4 N4 M1 O9 Sa2 CSS1 Erblich: Ja

text-transform

text-transform steuert die Groß- und Kleinschreibung eines gewählten Textes.

Am Rande: Wer Texte nicht durchgehend in Großbuchstaben sondern in Kapitälchen setzen will, braucht die Eigenschaft font-variant.

Werte

capitalize | uppercase | lowercase | none | inherit

capitalize

stellt den ersten Buchstaben jedes Wortes als Großbuchstaben dar.

uppercase

stellt alle Buchstaben eines Textes in Großbuchstaben dar.

lowercase

stellt alle Buchstaben eines Textes in Kleinbuchstaben dar.

none

ist die Voreinstellung. none stellt sicher, dass keine vorangegangenen Deklarationen den ausgewählten Text beeinflussen.

zurück zum Seitenanfang