text-decoration-style
Īpašums nosaka stilu pasvītrots uz saites un pasvītrots, overline vai līnijas caur uz jebkuru tekstu ar text-decoration
piemērota.
a ( text-decoration-style: solid; )
Vērtības
solid
: noklusējums. Apdare ir viena cieta līnija.double
: Apdare ir cieto līniju pāris.dotted
: Apdare ir punktota līnija.dashed
: Apdare ir pārtraukta līnija.wavy
: Apdare ir viļņota līnija.
Demonstrācija
Šīs rakstīšanas laikā text-decoration-style
oficiāli tiek atbalstīts tikai Firefox. Tas darbosies arī pārlūkos Chrome ar iespējotu eksperimentālās tīmekļa platformas funkciju karodziņu.
Skatiet CSS-Tricks pildspalvas teksta apdares stilu vietnē CodePen.
Stenogrāfija
Pārlūkprogrammās, kas atbalsta text-decoration-style
un text-decoration-color
jūs varat pievienot noformējuma stilu text-decoration
stenogrāfijas īpašumam:
.underlined ( text-decoration: underline dotted red; )
Pašlaik tikai Firefox atbalsta šo neizlaboto. Safari to atbalsta ar -webkit
prefiksu. Pārlūkam Chrome ir nepieciešams arī -webkit
Chrome karodziņos iespējots prefikss un eksperimentālās tīmekļa platformas funkcijas.
Saistīts
text-decoration
text-decoration-line
text-decoration-color
text-decoration-skip
Vairāk informācijas
- teksta dekorēšanas stils W3C CSS teksta apdares moduļa CR 3. līmenī
- teksta apdares stils MDN
Pārlūka atbalsts
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
31 * | Nav | 6 † | Nav | Nav | Nav | Nav |
* tikai ar eksperimentālu tīmekļa platformas funkciju iespējošanu
† Firefox 6+ ar -moz
prefiksu, 36+ nav prefiksēts.