text-decoration-line

Ü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 (en-US) und ::first-line (en-US).
VererbtNein
Berechneter Wertwie angegeben
Animationstypdiskret

Syntax

Formale Syntax: 
none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error
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 This deprecated API should no longer be used, but will probably still work.
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

BCD tables only load in the browser