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.

Initialwert	`none`
Anwendbar auf	alle Elemente. Auch anwendbar auf ::first-letter (en-US) und ::first-line (en-US).
Vererbt	Nein
Berechneter Wert	wie angegeben
Animationstyp	diskret

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: 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