Die text-decoration-styleEigenschaft legt den Stil der Unterstreichung für Links und die Unterstreichung, Überstreichung oder Durchleitung für jeden text-decorationangewendeten Text fest .
a ( text-decoration-style: solid; )Werte
solid: der Standard. Dekoration ist eine einzelne durchgezogene Linie.double: Dekoration ist ein Paar durchgezogener Linien.dotted: Dekoration ist eine gepunktete Linie.dashed: Dekoration ist eine gestrichelte Linie.wavy: Dekoration ist eine Wellenlinie.
Demo
Zum Zeitpunkt dieses Schreibens text-decoration-stylewird nur offiziell in Firefox unterstützt. Es funktioniert auch in Chrome-Browsern mit aktiviertem Flag für experimentelle Webplattformfunktionen.
Siehe den Stift-Textdekorationsstil von CSS-Tricks (@ css-Tricks) auf CodePen.
Kurzschrift
In Browsern , die Unterstützung text-decoration-styleund text-decoration-colorSie können einen Dekorationsstil zu einer hinzufügen text-decorationKurzschrift - Eigenschaft:
.underlined ( text-decoration: underline dotted red; )Derzeit unterstützt nur Firefox dies ohne Vorzeichen. Safari unterstützt es mit dem -webkitPräfix. Chrome benötigt außerdem das -webkitPräfix und die experimentellen Webplattformfunktionen, die in Chrome-Flags aktiviert sind.
verbunden
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Mehr Informationen
- Textdekorationsstil im W3C CSS-Textdekorationsmodul Level 3 CR
- Textdekoration bei MDN
Browser-Unterstützung
| Chrom | Safari | Feuerfuchs | Oper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Keiner | 6 † | Keiner | Keiner | Keiner | Keiner |
* Nur mit aktiviertem Flag für experimentelle Webplattformfunktionen
† Firefox 6+ mit -mozPräfix, 36+ ohne Präfix.