I text-decoration-styleegenskap sätter stilen understrykningen på länkar och understrykning, överlinje, eller line-genom på någon text med text-decorationtillämpas.
a ( text-decoration-style: solid; )Värden
solid: standarden. Dekorationen är en enda hel linje.double: Dekoration är ett par solida linjer.dotted: Dekoration är en prickad linje.dashed: Dekoration är en streckad linje.wavy: Dekoration är en vågig linje.
Demo
När detta skrivs text-decoration-stylestöds endast officiellt i Firefox. Det fungerar också i Chrome-webbläsare med den experimentella webbplattformsfunktionen flagg aktiverad.
Se pennens text-dekorationsstil av CSS-Tricks (@ css-tricks) på CodePen.
Stenografi
I webbläsare som stöder text-decoration-styleoch text-decoration-colordu kan lägga till en dekorationsstil till en text-decorationstenografiegenskap:
.underlined ( text-decoration: underline dotted red; )För närvarande stöder endast Firefox detta oprefixade. Safari stöder det med -webkitprefixet. Chrome behöver också -webkitprefixet och experimentella webbplattformsfunktioner aktiverade i Chrome-flaggor.
Relaterad
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Mer information
- textdekorationsstil i W3C CSS Textdekorationsmodul nivå 3 CR
- text-dekor-stil på MDN
Webbläsarstöd
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Ingen | 6 † | Ingen | Ingen | Ingen | Ingen |
* endast med experimentell webbplattformsfunktioner aktiverad
† Firefox 6+ med -mozprefix, 36+ oprefixerat.