CSS text-decoration-styleEigenschaft
Beispiel
Verschiedene Arten von Unterstreichungen anzeigen:
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;
}
Selbst ausprobieren »
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browsersionsnummer an, die die Eigenschaft unterstützt.
| Eigenschaft | |||||
|---|---|---|---|---|---|
| text-decoration-style | 57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 | 44.0 |
Definition und Verwendung
Die Eigenschaft text-decoration-style gibt an, wie die Linie angezeigt wird.
| Standardwert: | solid |
|---|---|
| Vererbt: | nein |
| Animierbar: | Nein. SieheAnimierbar。 |
| Version: | CSS3 |
| JavaScript-Syntax: | object.style.textDecorationStyle="wavy" Selbst ausprobieren |
CSS-Syntax
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
Eigenschaftswert
| Wert | Beschreibung | Testen |
|---|---|---|
| solid | Standardwert. Die Linie wird als einzelne Linie angezeigt. | |
| double | Die Linie wird als doppelte Linie angezeigt. | |
| dotted | Die Linie wird als gepunktete Linie angezeigt. | |
| dashed | Die Linie wird als gestrichelte Linie angezeigt. | |
| wavy | Die Linie wird als wellenförmige Linie angezeigt. | |
| initial | Setzen Sie diese Eigenschaft auf ihren Standardwert. Sieheinitial。 | |
| inherit | Erbt diese Eigenschaft vom übergeordneten Element. Sieheinherit。 |
Weitere Erweiterungen