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.

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

Browser Kompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

[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.