HTML: Großbuchstaben schreiben: So gehts!

Wenn du in HTML nur Großbuchstaben schreiben und erzwingen möchtest, dann benötigst du dafür einen CSS Befehl. Mit text-transform kannst du bestimmt ob der Text nur klein, groß, oder groß und klein geschrieben wird.

HTML Großbuchstaben schreiben mit CSS

Mit text-transform:uppercase werden alle Buchstaben groß

1
<div style="text-transform:uppercase">Dieser Text hat nur Großbuchstaben</div>

Ergebnis

Dieser Text hat nur Großbuchstaben

HTML Kleinbuchstaben schreiben mit CSS

Mit text-transform:lowercase werden alle Buchstaben klein

1
<div style="text-transform:lowercase">Dieser Text hat nur Kleinbuchstaben</div>

Ergebnis

Dieser Text hat nur Kleinbuchstaben

HTML jeder erste Buchstabe groß mit CSS

Mit text-transform:capitalize wird immer der erste Buchstabe groß dargestellt

1
<div style="text-transform:lowercase">Erster Buchstabe vom Wort immer groß</div>

Ergebnis

Erster Buchstabe vom Wort immer groß

capitalize: Der erste Buchstabe jedes Wortes wird als Großbuchstabe dargestellt
uppercase:Jeder Buchstabe wird als Großbuchstabe dargestellt
lowercase:Jeder Buchstabe wird als Kleinbuchstabe dargestellt
none (Standard):Der Text wird wie im Quelltext angegeben dargestellt





weitere Beiträge zum Thema CSS




Schreibe einen Kommentar



24422