text-decoration-color
Vara seab värvi rõhutada, overline või line-läbi teksti koos text-decoration
vara rakendatud. Samuti saab see linkidele allajoonimise värvi määrata.
a ( text-decoration-color: #E18728; )
Väärtused
text-decoration-color
saab inherit
aktsepteerida või aktsepteerida mis tahes CSS-i värviväärtust, sealhulgas nimega värvid, HEX-värvid, RGBa ja HSLa.
Lühike
Brauserites, mis toetavad text-decoration-style
ja text-decoration-color
saate lisada text-decoration
lühikese omaduse värvi :
.underlined ( text-decoration: underline dotted red; )
Praegu toetab seda prefiksitut ainult Firefox. Safari toetab seda -webkit
eesliitega. Chrome vajab -webkit
ka Chrome'i lippudes lubatud prefiksit ja katselisi veebiplatvormi funktsioone.
Demo
text-decoration-color
Selles demo töötab praeguse versiooni Firefox ja Safari. See töötab ka Chrome'is, kui lubatud on märge „Veebiplatvormi katselised funktsioonid”.
Vaadake CodePenist CSS-Tricksi pliiatsi teksti kaunistamise värvi (@ css-tricks).
Seotud
text-decoration
text-decoration-line
text-decoration-style
text-decoration-skip
Rohkem informatsiooni
text-decoration-color
CSS-i tekstikaunistamise moodulis 3. taseme CRtext-decoration-color
juures MDN
Brauseri tugi
Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
---|---|---|---|---|---|---|
31 † | 7,1 * | 6,0 ‡ | Puudub | Puudub | Puudub | 8 * |
† Chrome'i sisse lülitatud "eksperimentaalsed veebiplatvormi funktsioonid". Chrome 31 vajas prefiksit -webkit-. Testisime Chrome 50 ja see töötas ainult parandamata.
‡ 6+ koos -moz-prefiksiga, eeltäidetud alates 36-st.