CSS: Text-Transform – Kleinbuchstaben & Großbuchstaben

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys

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

Hat dir der Beitrag gefallen?


    css        css grossbuchstaben        css kleinbuchstaben   

Das könnte dich interessieren!

Weitere Kategorien






Schreibe einen Kommentar



30873