CSS: Text-Transform – Kleinbuchstaben & Großbuchstaben

Mit CSS text-transform kannst du Texte in Großbuchstaben darstellen. Du kannst auch nur Kleinbuchstaben schreiben. Es ist auch möglich das nur der erste Buchstabe eines Wortes in Großbuchstaben dargestellt wird.

Wie das geht zeige ich dir in diesem Beitrag.

CSS: Großbuchstaben

Mit text-transform: uppercase kannst du den kompletten Text in Großbuchstaben darstellen

.csstext{
text-transform:uppercase;
}

Ergebnis

Dieser Text besteht aus Großbuchstaben

Du erhältst einen Text aus nur Großbuchstaben.

CSS: Kleinbuchstaben

Mit text-transform: lowercase kannst du den kompletten Text in Großbuchstaben darstellen

.csstext{
text-transform:lowercase;
}

Ergebnis

Dieser Text besteht aus Kleinbuchstaben

Du erhältst einen Text aus nur Kleinbuchstaben

CSS: Erster Buchstabe als Großbuchstaben darstellen

Mit text-transform: capitalize wird der jeweilig erste Buchstabe eines Textes mit gross dargestellt.

.csstext{
text-transform:capitalize;
}

Ergebnis

Der erste Buchstabe hat Grossbuchstaben
    css        css grossbuchstaben        css kleinbuchstaben   

Über Mich


Weitere Beiträge auf Blogseite.com




Kennst du schon diese Memes?