text-decoration-style
Vara seab stiili rõhutada linke ja rõhutada, overline või line-through mis tahes teksti text-decoration
kohaldada.
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-style
toetab 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-style
ja text-decoration-color
saate lisada text-decoration
lühikese omaduse kujunduse stiili :
.underlined ( text-decoration: underline dotted red; )
Praegu toetab seda prefiksitut ainult Firefox. Safari toetab seda -webkit
eesliitega. Chrome vajab -webkit
ka 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 -moz
eesliitega, 36+ eeltäidetud.