CSS text-decoration-lineEigenschaft
Beispiel
Eine Linie oben im Absatz anzeigen:
p
{
text-decoration-line: overline;
-moz-text-decoration-line: overline; /* Firefox-specific code */
}
{
text-decoration-line: overline;
-moz-text-decoration-line: overline; /* Firefox-specific code */
}
Selbst ausprobieren »
Browser-Unterstützung
![]()
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。 |
Weitere Erweiterungen