Teksti kaunistamise stiil - CSS-trikid

Anonim

text-decoration-styleVara seab stiili rõhutada linke ja rõhutada, overline või line-through mis tahes teksti text-decorationkohaldada.

a ( text-decoration-style: solid; )

Väärtused

  • solid: vaikimisi. Dekoratsioon on üks ühtlane joon.
  • double: Dekoratsioon on paar pidevat joont.
  • dotted: Dekoratsioon on punktiirjoon.
  • dashed: Dekoratsioon on katkendjoon.
  • wavy: Dekoratsioon on laineline joon.

Demo

Selle kirjutamise ajal text-decoration-styletoetab see ametlikult ainult Firefoxi. See töötab ka Chrome'i brauserites, kui katselise veebiplatvormi funktsioonide lipp on lubatud.

Vaadake CodePenist CSS-Tricksi (@ css-tricks) pliiatsi teksti kaunistamise stiili.

Lühike

Brauserites, mis toetavad text-decoration-styleja text-decoration-colorsaate lisada text-decorationlühikese omaduse kujunduse stiili :

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

Praegu toetab seda prefiksitut ainult Firefox. Safari toetab seda -webkiteesliitega. Chrome vajab -webkitka Chrome'i lippudes lubatud prefiksit ja katselisi veebiplatvormi funktsioone.

Seotud

  • text-decoration
  • text-decoration-line
  • text-decoration-color
  • text-decoration-skip

Rohkem informatsiooni

  • teksti kaunistamise stiil W3C CSS-i tekstikaunistamise mooduli 3. taseme CR-s
  • teksti kaunistamise stiil MDN-is

Brauseri tugi

Chrome Safari Firefox Ooper IE Android iOS
31 * Puudub 6 † Puudub Puudub Puudub Puudub

* ainult katseliste veebiplatvormide funktsioonide lipuga

† Firefox 6+ koos -mozeesliitega, 36+ eeltäidetud.