text-decoration-styleNieruchomość ustawia styl podkreślenie na linki i podkreślenie, overline lub linia-through na dowolny tekst z text-decorationzastosowane.
a ( text-decoration-style: solid; )Wartości
solid: domyślny. Dekoracja to pojedyncza linia ciągła.double: Dekoracja to para ciągłych linii.dotted: Dekoracja to przerywana linia.dashed: Dekoracja to linia przerywana.wavy: Dekoracja to falista linia.
Próbny
W chwili pisania tego tekstu text-decoration-stylejest oficjalnie obsługiwany tylko w przeglądarce Firefox. Będzie również działać w przeglądarkach Chrome z włączoną flagą eksperymentalnych funkcji platformy internetowej.
Zobacz styl dekoracji tekstu pisaka CSS-Tricks (@ css-tricks) w CodePen.
Stenografia
W przeglądarkach, które obsługują text-decoration-stylei text-decoration-colormożesz dodać styl dekoracji do text-decorationskróconej właściwości:
.underlined ( text-decoration: underline dotted red; )Obecnie tylko Firefox obsługuje to bez prefiksu. Safari obsługuje go z -webkitprefiksem. Chrome potrzebuje również -webkitprefiksu i eksperymentalnych funkcji platformy internetowej włączonych we flagach Chrome.
Związane z
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Więcej informacji
- styl dekoracji tekstu w module dekoracji tekstu CSS W3C Poziom 3 CR
- styl dekoracji tekstu w MDN
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Żaden | 6 † | Żaden | Żaden | Żaden | Żaden |
* tylko z włączoną flagą eksperymentalnych funkcji platformy internetowej
† Firefox 6+ z -mozprefiksem, 36+ bez prefiksu.