Den text-decoration-styleegenskab sætter stilen i understregningen på links og understregningen, overlinie, eller linje-through på enhver tekst med text-decorationanvendt.
a ( text-decoration-style: solid; )Værdier
solid: standard. Dekoration er en enkelt solid linje.double: Dekoration er et par faste linjer.dotted: Dekoration er en stiplet linje.dashed: Dekoration er en stiplet linje.wavy: Dekoration er en bølget linje.
Demo
På tidspunktet for denne skrivning text-decoration-styleunderstøttes kun officielt i Firefox. Det fungerer også i Chrome-browsere med den eksperimentelle webplatforms funktion aktiveret.
Se pennens tekst-dekorationsstil af CSS-Tricks (@ css-tricks) på CodePen.
Stenografi
I browsere, der understøtter, text-decoration-styleog text-decoration-colordu kan tilføje en dekorationsstil 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.
Relaterede
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Mere information
- tekst-dekorations-stil i W3C CSS-tekstdekorationsmodul niveau 3 CR
- tekst-dekoration-stil på MDN
Browsersupport
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Ingen | 6 † | Ingen | Ingen | Ingen | Ingen |
* kun med eksperimentel webplatformfunktioner flag aktiveret
† Firefox 6+ med -mozpræfiks, 36+ upræfixeret.