Style textDecorationLine- Eigenschaft
Beispiel
Zeigen Sie ein Element mit einem Strich durch den Text an:
document.getElementById("demo").style.textDecorationLine = "line-through";
Definition und Verwendung
Die Eigenschaft textDecorationLine legt fest oder gibt zurück, welche Art von Linie, falls vorhanden, die Dekoration haben wird.
Hinweis: Sie können textDecorationLine auch mit der Eigenschaft textDecoration festlegen, die eine abgekürzte Eigenschaft für die Eigenschaften textDecorationLine, textDecorationStyle und textDecorationColor 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.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
textDecorationLine | 57.0 | 79.0 | 36.0 6.0 Moz |
7.0 Webkit | 44.0 |
Syntax
Geben Sie die textDecorationLine-Eigenschaft zurück:
object.style.textDecorationLine
Legen Sie die Eigenschaft textDecorationLine fest:
object.style.textDecorationLine = "none|underline|overline|line-through|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
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 |
Technische Details
Standardwert: | keiner |
---|---|
Rückgabewert: | Ein String, der die text-decoration-line-Eigenschaft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: text-decoration-line-Eigenschaft
❮ Style-Objekt