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ß

<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

<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

<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

Jetzt HTML lernen

Weitere Beiträge zu HTML

HTML: Text in Zwischenablage kopieren – So gehts
HTML: Grundgerüst – Webseite erstellen
HTML: Textarea erstellen – So gehts
PHP in HTML einfügen – So gehts!
HTML: Rahmen um Text – So gehts

HTML Datei öffnen – Kostenloser Editor 2021
HTML: Anker erstellen – So wirds gemacht!
HTML: 302 Redirect – So einfach gehts!
HTML: URL Parameter Erklärung
HTML: Bild einfügen – So gehts!

Jquery in HTML einbinden : So wirds gemacht!
HTML: Zurück Button & Link erstellen: So gehts!
HTML: Versteckter und Unsichtbarer Text : So gehs
HTML: Großbuchstaben schreiben: So gehts!
HTML: Icons einfügen: So gehts!

HTML: iFrame in Webseite einbinden – So gehts!
HTML: Liste erstellen – So gehts!
HTML: Erzwungenes Leerzeichen einfügen – So gehts!
CSS in HTML einbinden – So gehts!
HTML: Leerzeichen erstellen – So einfach gehts!

HTML: Auskommentieren – So gehts!
HTML: Bild zentrieren und mittig ausrichten
HTML: Fett schreiben – So einfach gehts!
HTML Text ausrichten: rechtsbündig & linksbündig
HTML: Zeilenabstand einstellen – So gehts!

HTML: Trennlinie einfügen – So gehts!
HTML: Absatz einfügen – So gehts!
HTML: Horizontale Linie – So gehts
HTML: Tabellen erstellen – So gehts!
HTML: Datum & Uhrzeit anzeigen – So gehts!

Hat dir der Beitrag gefallen?

Du hast bereits abgestimmt!

Das könnte dich interessieren!




weitere Beiträge zum Thema CSS


PHP: For Loop erstellen – So gehts


HTML/CSS – Mauszeiger Cursor ändern – So gehts


HTML: Marquee Lauftext, Laufschrift erstellen


HTML: klickbare Telefonnummer einfügen


HTML: DIV Container zentrieren: So gehts


WordPress: Besten Restaurant Themes


WordPress Theme herausfinden: So gehts


WordPress: RSS Feed einrichten – So gehts!


WordPress: Memory Limit erhöhen


WordPress: php.ini Datei erstellen


Schreibe einen Kommentar