Teksta apdares stils - CSS-triki

Anonim

text-decoration-styleĪpašums nosaka stilu pasvītrots uz saites un pasvītrots, overline vai līnijas caur uz jebkuru tekstu ar text-decorationpiemē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-styleoficiā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-styleun text-decoration-colorjūs varat pievienot noformējuma stilu 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.

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 -mozprefiksu, 36+ nav prefiksēts.