Teksto apdaila-spalva - CSS-gudrybės

Anonim

text-decoration-colorNuosavybė nustato, kad pabraukti, overline arba "Color Line-pro tekstą su text-decorationturtas taikomas. Jis taip pat gali nustatyti nuorodų pabraukimo spalvą.

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

Vertybės

text-decoration-colorgali inheritarba gali priimti bet kurią CSS spalvų vertę, įskaitant pavadintas spalvas, HEX spalvas, RGBa ir HSLa.

Stenografija

Naršyklėse, kurios palaiko text-decoration-styleir text-decoration-colorgalite pridėti spalvą prie text-decorationtrumpinio ypatybės:

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

Šiuo metu tik „Firefox“ palaiko tai netaisytą. „Safari“ palaiko jį -webkitpriešdėliu. „Chrome“ taip pat reikalingas -webkitpriešdėlis ir eksperimentinės žiniatinklio platformos funkcijos, įgalintos „Chrome“ vėliavose.

Demonstracija

Ši text-decoration-colordemonstracinė versija veikia dabartinėse „Firefox“ ir „Safari“ versijose. Jis taip pat veiks „Chrome“ su įgalinta „eksperimentinių žiniatinklio platformos funkcijų“ žyma.

„CodePen“ peržiūrėkite CSS-Tricks (@ css-tricks) rašiklio teksto dekoravimo spalvą.

Susijęs

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

Daugiau informacijos

  • text-decoration-color CSS 3 lygio CR teksto dekoravimo modulyje
  • text-decoration-color MDN

Naršyklės palaikymas

„Chrome“ „Safari“ „Firefox“ Opera T.Y „Android“ „iOS“
31 † 7,1 * 6,0 ‡ Nė vienas Nė vienas Nė vienas 8 *

† su „eksperimentinėmis žiniatinklio platformos funkcijomis“ įjungta chrome: // flags. „Chrome 31“ reikia prefikso -webkit-. Išbandėme „Chrome 50“ ir jis veikė tik nenustatytas.
‡ 6+ su prefiksu -moz, nenurodytas nuo 36.