CSS text-decoration-style- Eigenschaft
Beispiel
Legen Sie verschiedene Arten von Textdekorationsstilen fest:
div.a
{
text-decoration-line: underline;
text-decoration-style: solid;
}
div.b
{
text-decoration-line: underline;
text-decoration-style: wavy;
}
div.c
{
text-decoration-line: underline;
text-decoration-style: double;
}
div.d
{
text-decoration-line: overline underline;
text-decoration-style: wavy;
}
Definition und Verwendung
Die text-decoration-style
Eigenschaft legt den Stil der Textdekoration fest (wie durchgehend, gewellt, gepunktet, gestrichelt, doppelt).
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.
Standardwert: | fest |
---|---|
Vererbt: | Nein |
Animierbar: | Nein. Lesen Sie mehr über animierbare |
Ausführung: | CSS3 |
JavaScript-Syntax: | Objekt .style.textDecorationStyle="wellig" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von -moz- geben die erste Version an, die mit einem Präfix funktioniert hat.
Property | |||||
---|---|---|---|---|---|
text-decoration-style | 57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 | 44.0 |
CSS-Syntax
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
Eigenschaftswerte
Value | Description | Play it |
---|---|---|
solid | Default value. The line will display as a single line | |
double | The line will display as a double line | |
dotted | The line will display as a dotted line | |
dashed | The line will display as a dashed line | |
wavy | The line will display as a wavy line | |
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: textDecorationStyle-Eigenschaft