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.

Standardwert none
Anwendbar auf Alle Elemente
Vererbt Nein
Prozentwerte —
Medium visuell
Berechneter Wert siehe Spezifikation
Animierbar Nein
Canonical order order of appearance in the formal grammar of the values

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
CSS Text-decoration Level 3 Die Definition von 'text-decoration-line' in dieser Spezifikation.	Candidate Recommendation

Merkmal	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Grundlegende Unterstützung	Nicht implementiert (siehe WebKit bug 90959)	6.0 (6.0)-moz	Not supported	Not supported	Nicht implementiert (siehe WebKit bug 90959)
`blink`	Not supported	26.0 (26.0) [1]	Not supported	Not supported	Not supported

Merkmal	Android	Chrome for Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Grundlegende Unterstützung	Nicht implementiert (siehe WebKit bug 90959)	Nicht implementiert (siehe WebKit bug 90959)	6.0 (6.0) -moz	Not supported	Not supported	Nicht implementiert (siehe WebKit bug 90959)
`blink`	Not supported	Not supported	26.0 (26.0) -moz [1]	Not supported	Not supported	Not supported

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

Siehe auch

Text-related properties: letter-spacing, text-align, text-decoration, text-decoration-color, text-decoration-line, text-decoration-style, text-rendering, text-shadow, text-transform, text-indent, white-space, word-spacing