text-decoration-styleVlastnost nastavuje styl podtržení na odkazy a podtržením, overline či line-through na libovolný text se text-decorationaplikuje.
a ( text-decoration-style: solid; )Hodnoty
solid: výchozí. Dekorace je jedna plná čára.double: Dekorace je dvojice pevných čar.dotted: Dekorace je tečkovaná čára.dashed: Dekorace je přerušovaná čára.wavy: Dekorace je vlnovka.
Ukázka
V době psaní tohoto článku text-decoration-styleje oficiálně podporována pouze ve Firefoxu. Bude také fungovat v prohlížečích Chrome s povoleným příznakem experimentálních funkcí webové platformy.
Podívejte se na styl textové dekorace Pen od CSS-Tricks (@ css-tricks) na CodePen.
Těsnopis
V prohlížečích, které podporují text-decoration-stylea text-decoration-colormůžete přidat styl dekorace do text-decorationvlastnosti zkratky:
.underlined ( text-decoration: underline dotted red; )V současné době to podporuje pouze Firefox. Safari to podporuje -webkitpředponou. Chrome také potřebuje -webkitpředponu a experimentální funkce webové platformy povolené ve vlajkách Chrome.
Příbuzný
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Více informací
- styl textové dekorace v modulu textové dekorace W3C CSS úrovně 3 CR
- styl dekorace textu na MDN
Podpora prohlížeče
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Žádný | 6 † | Žádný | Žádný | Žádný | Žádný |
* pouze s povoleným příznakem experimentálních funkcí webové platformy
† Firefox 6+ s -mozpředponou, 36+ bez předpony.