CSS text-decoration-line- Eigenschaft
Beispiel
Stellen Sie verschiedene Arten von Textzierlinien 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;
}
Definition und Verwendung
Die text-decoration-lineEigenschaft legt die Art der zu verwendenden Textdekoration fest (wie Unterstreichen, Überstreichen, Durchstreichen).
Tipp: Sehen Sie sich auch die text-decoration- Eigenschaft an, die eine abgekürzte Eigenschaft für text-decoration-line, text-decoration-style und text-decoration-color ist.
Hinweis: Sie können auch mehr als einen Wert kombinieren, z. B. unterstrichen und überstrichen, um Linien sowohl unter als auch über dem Text anzuzeigen.
| Standardwert: | keiner |
|---|---|
| Vererbt: | Nein |
| Animierbar: | Nein. Lesen Sie mehr über animierbare |
| Ausführung: | CSS3 |
| JavaScript-Syntax: | Objekt .style.textDecorationLine="überstreichen" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von -moz- oder -webkit- geben die erste Version an, die mit einem Präfix funktioniert hat.
| Property | |||||
|---|---|---|---|---|---|
| text-decoration-line | 57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 7.1 -webkit- |
44.0 |
CSS-Syntax
text-decoration-line: none|underline|overline|line-through|initial|inherit;
Eigenschaftswerte
| Value | Description | Play it |
|---|---|---|
| none | Default value. Specifies no line for the text-decoration | |
| underline | Specifies that a line will be displayed under the text | |
| overline | Specifies that a line will be displayed over the text | |
| line-through | Specifies that a line will be displayed through the text | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Verwandte Seiten
CSS-Tutorial: CSS-Text
HTML-DOM-Referenz: textDecorationLine-Eigenschaft