text-decoration-colorĪpašums nosaka krāsu pasvītrots, overline vai līnijā pa tekstu, ar text-decorationīpašumu piemērots. Tas var arī iestatīt saites pasvītrojuma krāsu.
a ( text-decoration-color: #E18728; )Vērtības
text-decoration-colorvar inheritvai var pieņemt jebkuru CSS krāsu vērtību, ieskaitot nosaukto krāsu, HEX krāsas, RGBa un HSLa.
Stenogrāfija
Pārlūkprogrammās, kas atbalsta text-decoration-styleun text-decoration-colorvar pievienot krāsu text-decorationstenogrāfijas īpašumam:
.underlined ( text-decoration: underline dotted red; )Pašlaik tikai Firefox atbalsta šo neizlaboto. Safari to atbalsta ar -webkitprefiksu. Pārlūkam Chrome ir nepieciešams arī -webkitChrome karodziņos iespējots prefikss un eksperimentālās tīmekļa platformas funkcijas.
Demonstrācija
Šī text-decoration-colordemonstrācija darbojas pašreizējās Firefox un Safari versijās. Tas darbosies arī pārlūkā Chrome ar iespējotu karodziņu “Eksperimentālās tīmekļa platformas funkcijas”.
Skatiet CSS-Tricks (@ css-tricks) pildspalvas teksta apdares krāsu vietnē CodePen.
Saistīts
text-decorationtext-decoration-linetext-decoration-styletext-decoration-skip
Vairāk informācijas
text-decoration-colorCSS teksta apdares modulī CR 3. līmenistext-decoration-colorpie MDN
Pārlūka atbalsts
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 † | 7,1 * | 6,0 ‡ | Nav | Nav | Nav | 8 * |
† ar “eksperimentālajām tīmekļa platformas funkcijām” ieslēgtu chrome: // flags. Chrome 31 nepieciešams -webkit- prefikss. Mēs pārbaudījām pārlūku Chrome 50, un tas darbojās tikai bez labojumiem.
‡ 6+ ar prefiksu -moz, kas nav prefiksēts no 36.