Tekst-ukras-boja - CSS-trikovi

Anonim

text-decoration-colorSvojstvo postavlja boju podcrtavanja, linija zaglavlja, ili line-putem na tekst s text-decorationimovine primjenjuje. Također može postaviti boju podcrtavanja na vezama.

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

Vrijednosti

text-decoration-colormože inheritili prihvatiti bilo koju vrijednost CSS boje, uključujući imenovane boje, HEX boje, RGBa i HSLa.

Stenografija

U preglednicima koji podržavaju text-decoration-stylei text-decoration-colormožete dodati boju text-decorationstenografskom svojstvu:

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

Trenutno samo Firefox podržava ovaj neprefiks. Safari ga podržava s -webkitprefiksom. Chrome također treba -webkitprefiks i eksperimentalne značajke web platforme omogućene u Chromeovim zastavicama.

Demo

Ovaj text-decoration-colordemo radi u trenutnim verzijama Firefoxa i Safarija. Također će raditi u Chromeu s omogućenom zastavicom "eksperimentalne značajke web platforme".

Pogledajte olovku text-decoration-color od CSS-Tricks (@ css-tricks) na CodePen-u.

Povezano

  • text-decoration
  • text-decoration-line
  • text-decoration-style
  • text-decoration-skip

Više informacija

  • text-decoration-color u CSS modulu za ukrašavanje teksta razina 3 CR
  • text-decoration-color na MDN

Podrška preglednika

Krom Safari Firefox Opera IE Android iOS
31 † 7,1 * 6,0 ‡ Nijedna Nijedna Nijedna 8 *

† s uključenim „eksperimentalnim značajkama web platforme“ u chrome: // flags. Za Chrome 31 potreban je prefiks -webkit-. Testirali smo Chrome 50 i djelovao je samo neprefiksirano.
‡ 6+ s -moz prefiksom, bez prefiksa od 36.