CSS: Text unterstreichen – So gehts!

Nicht deine Sprache?

Wenn du einen Text in CSS unterstreichen möchtest, dann verwendest du das Element text-decoration. Den einfachsten Weg einen Text zu unterstreichen zeige ich dir in einem kurzen Beispiel

Stelle deine HTML oder CSS Frage in unserem Forum, kostenlos und ohne Anmeldung!

Text unterstreichen mit CSS

Mit diesem CSS Code kannst du deinen Text unterstreichen. In folgendem Beispiel wird der Text grün unterstrichen.

Linie unter dem Text

.container {
text-decoration: underline;
text-decoration-color: green;
}

Ergebnis

Dieser Text ist unterstrichen

Linie über dem Text

.container {
text-decoration: overline;
text-decoration-color: green;
}

Ergebnis

Dieser Text ist unterstrichen

CSS Text wird durchgestrichen

.container {
text-decoration: line-through;
text-decoration-color: green;
}

Ergebnis

Dieser Text ist unterstrichen

Linienart festlegen

Wenn du möchtest das die Linie in verschiedenen Styles angezeigt wird dann kannst du das mit folgenden CSS Codes realisieren.

CSS gestrichelte Linie unter Text

.container {
text-decoration: underline;
text-decoration-color: green;
text-decoration-style: dashed;
}

Ergebnis

Dieser Text hat eine gestrichelte Linie

CSS gepunktete Linie unter Text

.container {
text-decoration: underline;
text-decoration-color: green;
text-decoration-style: dotted;
}

Ergebnis

Dieser Text hat eine gepunktete Linie

Doppelte Linie

.container {
text-decoration: underline;
text-decoration-color: green;
text-decoration-style: double;
}

Ergebnis

Dieser Text ist doppelt unterstrichen

CSS Text mit Schlangenlinien

.container {
text-decoration: underline;
text-decoration-color: green;
text-decoration-style: wavy;
}

Ergebnis

Dieser Text hat Schlangenlinien

Fazit

Jetzt bist du perfekt ausgerüstet und kannst jeden erdenklichen Text mit CSS unterstreichen und alle Formen und Farben verwenden. Viel Spaß


Über Mich



    css hintergrundbild   

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


OpenOffice: Textfeld einfügen und bearbeiten – So gehts

Textfelder sind in OpenOffice extrem hilfreich wenn du Dokumente erstellen möchtest. Ein Textfeld in OpenOffice...

OpenOffice: Sprache ändern und einstellen – So gehts

Oft ist OpenOffice nicht in der Sprache in der du arbeiten möchtest. Aber keine Sorge...

FritzBox: eigene Rufnummer anzeigen – So gehts

Oft hat man einen neuen Kabelanschluss oder ein neues Telefon, aber man weiß selbst garnicht...

FritzBox: Energiesparmodus aktivieren – So gehts

Wenn man an die Umwelt denkt, dann hat sich auch AVM darüber Gedanken gemacht. Denn...

FritzBox: Update & aktualisieren- So gehts

Es ist wichtig immer die Neusten Sicherheitsupdates für deine FritzBox zu installieren. Das ist nicht...

FritzBox: Einstellungen sichern und speichern

Oft ist es nicht schlecht ein Backup von den Einstellungen deiner FritzBox zu erstellen. Das...

FritzBox: Sprache ändern – So gehts

Wenn Deutsch nicht deine Muttersprache ist, dann kannst du die Sprache deiner FritzBox ändern und...

FritzBox: Sendeleistung erhöhen – So gehts

Hast du das Gefühl das deine Fritzbox nicht mit maximaler Power sendet? Du möchtest die...

FritzBox: Funkkanal ändern – So gehts

Wenn auf deinem jetzigen Funkkanal viele andere Router sind, dann solltest du ihn ändern um...

FritzBox: WLAN Name ändern – So gehts

In diesem Hilfebeitrag werde ich dir zeigen, wie du den Namen deiner FritzBox ändern kannst...

FritzBox: Zeitzone einstellen und ändern – So gehts

Normalerweise musst du die Uhrzeit von deiner Fritzbox nicht selber einstellen. Sie wird automatisch von...

FritzBox: Rufnummer sperren – So gehts

Na, bist du auch genervt von lästigen Anrufen? Keine Sorge, mit der Fritz!Box kannst du...

FritzBox: DNS Server ändern – So gehts

Natürlich kann ich Dir dabei helfen, den DNS Server in Deiner Fritzbox zu ändern. Mit...

FritzBox: Gastzugang einrichten – So gehts

Klar, ich helfe dir gerne dabei, einen Gastzugang auf deiner FritzBox einzurichten. Hier ist eine...

FritzBox: Kennwort ändern – So gehts

Wenn du das Kennwort deiner FritzBox ändern möchtest, kannst du dies ganz einfach über die...