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

cssSelektor {
  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:

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

cssp {
  text-transform: capitalize;
}

Результат:

Beispiel . Wert uppercase

Jetzt werden alle Zeichen großgeschrieben:

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

cssp {
  text-transform: uppercase;
}

Результат:

Beispiel . Wert lowercase

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

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

cssp {
  text-transform: lowercase;
}

Результат: