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` und `::first-line`.
Vererbt	Nein
Medien	visuell
Berechneter Wert	wie angegeben
Animierbar	Nein
Kanonische Reihenfolge	Reihenfolge 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

Merkmal	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Grundlegende Unterstützung	Nicht unterstützt	6.0 (6.0)-moz	Nicht unterstützt	Nicht unterstützt	7.1 -webkit
`blink`	Nicht unterstützt	26.0 (26.0) [1]	Nicht unterstützt	Nicht unterstützt	Nicht unterstützt

Merkmal	Android	Chrome for Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Grundlegende Unterstützung	Nicht unterstützt	Nicht unterstützt^[3]	6.0 (6.0) -moz	Nicht unterstützt	Nicht unterstützt	8-webkit
`blink`	Nicht unterstützt	Nicht unterstützt	26.0 (26.0) -moz [1]	Nicht unterstützt	Nicht unterstützt	Nicht unterstützt

[1] Der Wert wird als gültig interpretiert, er wird jedoch nicht blinkend dargestellt, da die Spezifikation es User Agents erlaubt, diesen Wert zu ignorieren.

[3] Siehe WebKit Bug 90959.