text-decoration-colorOminaisuus asettaa väri alleviivaus, overline tai linja-läpi tekstin kanssa text-decorationomaisuutta sovellettu. Se voi myös asettaa alleviivausvärin linkeille.
a ( text-decoration-color: #E18728; )Arvot
text-decoration-colorvoi inherithyväksyä tai hyväksyä minkä tahansa CSS-väriarvon, mukaan lukien nimetyt värit, HEX-värit, RGBa ja HSLa.
Lyhyt
Selaimissa, jotka tukevat text-decoration-styleja text-decoration-colorvoit lisätä värin 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.
Demo
text-decoration-colorTässä demossa toimii nykyiset versiot Firefox ja Safari. Se toimii myös Chromessa, kun ”kokeelliset Web-alustan ominaisuudet” -lippu on käytössä.
Katso CSS-Tricksin kynän tekstikoristelu-väri (@ css-tricks) CodePenistä.
Liittyvät
text-decorationtext-decoration-linetext-decoration-styletext-decoration-skip
Lisää tietoa
text-decoration-colorCSS-tekstikoristelumoduulissa taso 3 CRtext-decoration-colorosoitteessa MDN
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 † | 7,1 * | 6,0 ‡ | Ei mitään | Ei mitään | Ei mitään | 8 * |
†, kun ”kokeelliset Web-alustan ominaisuudet” on otettu käyttöön chrome: // flags -ohjelmassa. Chrome 31 vaatii -webkit- etuliitteen. Testasimme Chrome 50: n ja se toimi vain korjaamattomana.
‡ 6+ ja -moz-etuliite, esivalitsematon 36: sta alkaen.