Tekst-dekoration-farve - CSS-tricks

Anonim

Den text-decoration-coloregenskab sætter farven på understregningen, overlinie, eller linje-through på tekst med text-decorationegenskaben anvendt. Det kan også indstille understregningsfarven på links.

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

Værdier

text-decoration-colorkan inheriteller acceptere en hvilken som helst CSS-farveværdi, herunder navngivne farver, HEX-farver, RGBa og HSLa.

Stenografi

I browsere, der understøtter, text-decoration-styleog text-decoration-colordu kan føje en farve til en text-decorationstenografisk ejendom:

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

I øjeblikket understøtter kun Firefox dette ikke-prefixede. Safari understøtter det med -webkitpræfikset. Chrome har også brug for -webkitpræfikset og eksperimentelle webplatformfunktioner aktiveret i Chrome-flag.

Demo

I text-decoration-colordenne demo fungerer i de nuværende versioner af Firefox og Safari. Det fungerer også i Chrome med "eksperimentel Webplatform-funktioner" -flag aktiveret.

Se pennens tekst-dekorationsfarve af CSS-Tricks (@ css-tricks) på CodePen.

Relaterede

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

Mere information

  • text-decoration-color i CSS-tekstdekorationsmodul niveau 3 CR
  • text-decoration-color ved MDN

Browsersupport

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

† med "eksperimentelle webplatformfunktioner" tændt i chrome: // flag. Krom 31 behov -webkit- præfiks. Vi testede Chrome 50, og det fungerede kun uprefixet.
‡ 6+ med -moz-præfiks, uprefixet fra og med 36.