CSS text-decoration-style egenskap
- föregående sida text-decoration-line
- nästa sida text-decoration-thickness
Definition och användning
text-decoration-style egenskapen sätter textens dekorationstyp (solid, vågig, punktlinje, punktlinje, dubbel linje).
Tips:Se också: text-decoration egenskapdet är en förkortning av dessa tre egenskaper:
- text-decoration-line
- text-decoration-style
- text-decoration-color
Se också:
CSS tutorial:CSS text
HTML DOM referenshandbok:textDecorationStyle Egenskap
Exempel
Ställ in olika typer av text-decoration-stilar:
div.a { text-decoration-line: understrykning; text-decoration-style: solid; } div.b { text-decoration-line: understrykning; text-decoration-style: wavy; } div.c { text-decoration-line: understrykning; text-decoration-style: double; } div.d { text-decoration-line: överstrykning understrykning; text-decoration-style: wavy; }
CSS syntax
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
Egenskapsvärde
Värde | Beskrivning |
---|---|
solid | Standardvärde. Linjen visas som enkel linje. |
dubbel | Linjen visas som dubbel linje. |
prickpunkt | Linjen visas som prickpunkter. |
punktlinje | Linjen visas som punktlinje. |
vågig | Linjen visas som våglinje. |
initial | Sätt denna egenskap till dess standardvärde. Se vidare initial. |
inherit | Följer från föräldrelementet för denna egenskap. Se vidare inherit. |
Tekniska detaljer
Standardvärde: | solid |
---|---|
Arv: | Nej |
Animering: | Inte stödd. Se vidare:Animeringsrelaterade egenskaper. |
Version: | CSS3 |
JavaScript syntax: | object.style.textDecorationStyle="wavy" |
Webbläsarstöd
Tal i tabellen anger den första webbläsarversion som helt stöder detta egenskap.
Tal med -moz- indikerar den första versionen som använder prefix.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 | 44.0 |
- föregående sida text-decoration-line
- nästa sida text-decoration-thickness