Teksti kaunistamine-värv - CSS-trikid

Anonim

text-decoration-colorVara seab värvi rõhutada, overline või line-läbi teksti koos text-decorationvara rakendatud. Samuti saab see linkidele allajoonimise värvi määrata.

a ( text-decoration-color: #E18728; )

Väärtused

text-decoration-colorsaab inheritaktsepteerida 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-styleja text-decoration-colorsaate lisada text-decorationlühikese omaduse värvi :

.underlined ( text-decoration: underline dotted red; )

Praegu toetab seda prefiksitut ainult Firefox. Safari toetab seda -webkiteesliitega. Chrome vajab -webkitka Chrome'i lippudes lubatud prefiksit ja katselisi veebiplatvormi funktsioone.

Demo

text-decoration-colorSelles 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 CR
  • text-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.