text-decoration-styleOminaisuus asettaa tyyli alleviivaamalla linkkejä ja alleviivaus, overline tai linja-kautta tahansa tekstiä text-decorationsovelletaan.
a ( text-decoration-style: solid; )Arvot
solid: oletusarvo. Koristelu on yksi kiinteä viiva.double: Koristelu on kiinteiden viivojen pari.dotted: Koristelu on katkoviiva.dashed: Koristelu on katkoviiva.wavy: Koristelu on aaltoileva viiva.
Demo
Tämän kirjoituksen aikaan sitä text-decoration-styletukee virallisesti vain Firefox. Se toimii myös Chrome-selaimissa, kun kokeellisen verkkoalustan ominaisuuksien lippu on käytössä.
Katso CSS-Tricksin kynän tekstikoristelu-tyyli (@ css-tricks) CodePenistä.
Lyhyt
Selaimissa, jotka tukevat text-decoration-styleja text-decoration-colorvoit lisätä koristelutyylin text-decorationlyhytominaisuuteen:
.underlined ( text-decoration: underline dotted red; )Tällä hetkellä vain Firefox tukee tätä korjaamatonta tiedostoa. Safari tukee sitä -webkitetuliitteellä. Chrome tarvitsee myös -webkitetuliitteen ja kokeelliset verkkoalustan ominaisuudet, jotka on otettu käyttöön Chrome-lipuissa.
Liittyvät
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Lisää tietoa
- tekstikoristelu-tyyli W3C CSS -tekstikoristelumoduulissa, taso 3 CR
- teksti-koristelu-tyyli MDN: ssä
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Ei mitään | 6 † | Ei mitään | Ei mitään | Ei mitään | Ei mitään |
* vain kokeellisen verkkoalustan ominaisuuksien lipun ollessa käytössä
† Firefox 6+ -mozetuliitteellä, 36+ etuliitteellä.