text-decoration-styleLastnost določa slog poudarjajo na povezavah in poudarjajo, overline ali linijo skozi na katero koli besedilo v text-decorationuporabi.
a ( text-decoration-style: solid; )Vrednote
solid: privzeto. Dekoracija je ena polna črta.double: Dekoracija je par trdnih črt.dotted: Okras je črtkana črta.dashed: Okras je črtkana črta.wavy: Okras je valovita črta.
Demo
V času pisanja tega dokumenta text-decoration-styleje uradno podprt samo v Firefoxu. Deloval bo tudi v brskalnikih Chrome z omogočeno zastavico funkcij poskusne spletne platforme.
Glejte Pen-text-style-decoration-style by CSS-Tricks (@ css-tricks) na CodePen.
Stenografija
V brskalnikih, ki podpirajo text-decoration-stylein text-decoration-colorlahko text-decorationokrajšavi dodate slog dekoracije :
.underlined ( text-decoration: underline dotted red; )Trenutno to podpira samo Firefox. Safari jo podpira s -webkitpredpono. Chrome potrebuje tudi -webkitpredpono in poskusne funkcije spletne platforme, ki so omogočene v Chrome zastavah.
Sorodno
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Več informacij
- text-decoration-style v modulu za okrasitev besedila W3C CSS Level 3 CR
- slog dekoracije besedila na MDN
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Nobenega | 6 † | Nobenega | Nobenega | Nobenega | Nobenega |
* samo z omogočeno zastavico eksperimentalnih funkcij spletne platforme
† Firefox 6+ s -mozpredpono, 36+ brez predpone.