Eigenschaft text-transform

Die Eigenschaft text-transform legt die Groß- und Kleinschreibung des Textes fest: Großbuchstaben, Kleinbuchstaben oder kann den ersten Buchstaben jedes Wortes großschreiben.

Syntax

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

Werte

Wert	Beschreibung
`capitalize`	Das erste Zeichen jedes Wortes in einem Satz wird großgeschrieben.
`lowercase`	Alle Textzeichen werden in Kleinbuchstaben umgewandelt.
`uppercase`	Alle Textzeichen werden in GROSSBUCHSTABEN umgewandelt.
`none`	Ändert die Groß- und Kleinschreibung nicht.

Standardwert: none.

Beispiel . Wert capitalize

Jetzt wird der erste Buchstabe jedes Wortes großgeschrieben:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-transform: capitalize;
}

Beispiel . Wert uppercase

Jetzt werden alle Zeichen großgeschrieben:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-transform: uppercase;
}

Beispiel . Wert lowercase

Jetzt werden alle Zeichen klein geschrieben (also kleine Buchstaben, keine Großbuchstaben):

<p>
	LOREM IPSUM DOLOR SIT AMET.
</p>

p {
	text-transform: lowercase;
}