CSS text-decoration-line-Eigenschaft

Definition und Verwendung

Die Eigenschaft text-decoration-line legt fest, welche Art von Textdekoration verwendet werden soll (Unterstrich, Überstrich, Durchstrich).

Hinweis:Bitte auch die Eigenschaft text-decoration beachten, die eine Kurzform für text-decoration-line, text-decoration-style und text-decoration-color ist.

Anmerkung:Sie können auch mehrere Werte kombinieren, z.B. underline und overline, um Linien gleichzeitig über und unter dem Text anzuzeigen.

Weitere Informationen:

CSS Tutorial:CSS Text

HTML DOM Referenzhandbuch:textDecorationLine Eigenschaft

Beispiel

Stellen Sie verschiedene text-decoration-Linienarten ein:

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

Selbst ausprobieren

CSS-Syntax

text-decoration-line: none|underline|overline|line-through|initial|inherit;

Attributwert

Wert Beschreibung
none Standardwert. Definiert, dass text-decoration keine Linie hat.
underline Definiert, dass eine Linie unter dem Text angezeigt wird.
overline Definiert, dass eine Linie über dem Text angezeigt wird.
line-through Definiert, dass eine Linie durch den Text führt.
initial Diese Eigenschaft wird auf ihren Standardwert gesetzt. Siehe initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit.

Technische Details

Standardwert: none
Vererbung: Nein
Animation Erstellung: Nicht unterstützt. Siehe:Animation bezogene Attribute.
Version: CSS3
JavaScript-Syntax: object.style.textDecorationLine="overline"

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die das Attribut vollständig unterstützt.

Zahlen mit -webkit- oder -moz- bedeuten die erste Version, die den Präfix verwendet.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0