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 und ::first-line.
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
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

BCD tables only load in the browser