Übersicht

Die text-decoration-line CSS Eigenschaft repräsentiert die Art der Liniendekoration eines Elements.

Unter- und Überstreichungsdekorationen werden hinter dem Text dargestellt, während Durchstreichungen über dem Text dargestellt werden.

Initialwertnone
Anwendbar aufalle Elemente. Auch anwendbar auf ::first-letter und ::first-line.
VererbtNein
Medienvisuell
Berechneter Wertwie angegeben
Animationstypdiskret
Kanonische ReihenfolgeReihenfolge des Auftretens in der formalen Grammatik der Werte

Syntax

Formale Syntax: none | [ underline || overline || line-through || blink ]
text-decoration-line: none /* This is the only keyword that cannot be mixed with other */

text-decoration-line: underline
text-decoration-line: overline
text-decoration-line: line-through
text-decoration-line: underline overline
text-decoration-line: overline underline line-through

text-decoration-line: inherit

Werte

Akzeptiert entweder none als Wert oder einen oder mehrere durch Leerzeichen getrennte Werte:

none
Erzeugt keine Textdekoration.
underline
Jede Zeile des Texts wird unterstrichen.
overline
Über jeder Zeile des Texts wird eine Linie dargestellt.
line-through
Jede Zeile des Texts wird durchgestrichen.
blink
Der Text blinkt (wechselt zwischen sichtbar und unsichtbar). Dem Standard folgende User Agents können das Blinken ignorieren. Dieser Wert ist  missbilligt und es sollten stattdessen Animationen verwendet werden.
-moz-anchor-decoration
Mozilla CSS Erweiterung, nicht geeignet für Webinhalte.

Beispiel

HTML

<p>Hier steht Text mit einer roten Unterkringelung!</p>

CSS

p { 
  -moz-text-decoration-line: underline;
  -moz-text-decoration-style: wavy;
  -moz-text-decoration-color: red;
}

Spezifikation

Spezifikation Status Comment
Unknown
Die Definition von 'text-decoration-line' in dieser Spezifikation.
Unbekannt  

Browser Kompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
text-decoration-lineChrome Vollständige Unterstützung 57Edge Keine Unterstützung NeinFirefox Vollständige Unterstützung 36
Vollständige Unterstützung 36
Keine Unterstützung 6 — 39
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: -moz-
IE Keine Unterstützung NeinOpera Vollständige Unterstützung JaSafari Vollständige Unterstützung 12.1
Vollständige Unterstützung 12.1
Vollständige Unterstützung Ja
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
WebView Android Vollständige Unterstützung JaChrome Android Vollständige Unterstützung JaEdge Mobile Keine Unterstützung NeinFirefox Android Vollständige Unterstützung 36
Vollständige Unterstützung 36
Keine Unterstützung 6 — 39
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: -moz-
Opera Android Vollständige Unterstützung JaSafari iOS Vollständige Unterstützung 12.2
Vollständige Unterstützung 12.2
Vollständige Unterstützung 8
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: -webkit-
Samsung Internet Android Vollständige Unterstützung Ja
blink
Veraltet
Chrome Vollständige Unterstützung 57
Hinweise
Vollständige Unterstützung 57
Hinweise
Hinweise The blink value does not have any effect.
Edge Keine Unterstützung NeinFirefox Vollständige Unterstützung 26
Hinweise
Vollständige Unterstützung 26
Hinweise
Hinweise The blink value does not have any effect.
IE Keine Unterstützung NeinOpera Vollständige Unterstützung 44Safari ? WebView Android Vollständige Unterstützung 57
Hinweise
Vollständige Unterstützung 57
Hinweise
Hinweise The blink value does not have any effect.
Chrome Android Vollständige Unterstützung 57
Hinweise
Vollständige Unterstützung 57
Hinweise
Hinweise The blink value does not have any effect.
Edge Mobile Keine Unterstützung NeinFirefox Android Vollständige Unterstützung 26
Hinweise
Vollständige Unterstützung 26
Hinweise
Hinweise The blink value does not have any effect.
Opera Android Vollständige Unterstützung 43Safari iOS ? Samsung Internet Android Vollständige Unterstützung 7.0

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt
Veraltet. Nicht für den Einsatz in neuen Webseiten gedacht.
Veraltet. Nicht für den Einsatz in neuen Webseiten gedacht.
Siehe Implementierungshinweise.
Siehe Implementierungshinweise.
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: mdnwebdocs-bot, SJW, teoli, fscholz, Sebastianz
Zuletzt aktualisiert von: mdnwebdocs-bot,