CSS text-decoration-lineEigenschaft

CSS-Referenz


Beispiel

Eine Linie oben im Absatz anzeigen:

p
{
text-decoration-line: overline;
-moz-text-decoration-line: overline; /* Firefox-specific code */
}

Selbst ausprobieren »

Browser-Unterstützung

Internet Explorer Firefox Opera Google Chrome Safari

Fast alle gängigen Browser unterstützen die Eigenschaft text-decoration-line nicht.

Firefox unterstützt eine alternative Eigenschaft zu dieser, nämlich die Eigenschaft -moz-text-decoration-line.


Definition und Verwendung

Die Eigenschaft text-decoration-line legt den Linientyp fest, der für die Textdekoration verwendet wird.

Hinweis:Du kannst auch die text-decoration-Eigenschaft verwenden, um text-decoration-line festzulegen. Die text-decoration-Eigenschaft ist eine Kurzschreibweise für die Eigenschaften text-decoration-line, text-decoration-style und text-decoration-color.

Hinweis:Du kannst auch mehrere Werte gleichzeitig verwenden, wie underlineundoverline, um Linien sowohl über als auch unter dem Text anzuzeigen.

Standardwert: none
Vererbt: nein
Animierbar: Nein. SieheAnimierbar。
Version: CSS3
JavaScript-Syntax: object.style.textDecorationLine="overline" Selbst ausprobieren


CSS-Syntax

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

Eigenschaftswert

Wert Beschreibung Testen
none Der Standardwert. Gibt an, dass die Textdekoration keine Linie hat.
underline Gibt an, dass eine Linie unter dem Text angezeigt wird.
overline Gibt an, dass eine Linie über dem Text angezeigt wird.
line-through Gibt an, dass eine Linie durch die Mitte des Textes angezeigt wird.
initial Setzt diese Eigenschaft auf ihren Standardwert. Sieheinitial。
inherit Diese Eigenschaft vom Elternelement erben. Sieheinherit。

CSS-Referenz

Weitere Erweiterungen