Eigenschap text-decoration-style
De eigenschap text-decoration-style verandert
het type lijn van de tekst: enkele lijn, dubbele,
als stippen, als streepjes, golvende lijn.
De eigenschap moet worden gebruikt in combinatie met
de eigenschappen text-decoration-line
en text-decoration-color.
Deze eigenschappen breiden de werking van de eigenschap
text-decoration uit,
en zijn geavanceerdere equivalenten.
Syntaxis
selector {
text-decoration-style: solid | double | dotted | dashed | wavy;
}
Waarden
| Waarde | Beschrijving |
|---|---|
solid |
Doorgetrokken lijn. |
double |
Dubbele lijn. |
dotted |
Lijn als stippen. |
dashed |
Lijn als streepjes. |
wavy |
Golvende lijn. |
Standaardwaarde: solid.
Voorbeeld . Waarde wavy
Nu wordt de tekst onderstreept met een rode golvende lijn:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: wavy;
text-decoration-color: red;
text-decoration-line: underline;
}
:
Voorbeeld . Waarde dotted
Nu wordt de tekst onderstreept met een rode lijn in de vorm van stippen:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: dotted;
text-decoration-color: red;
text-decoration-line: underline;
}
:
Voorbeeld . Waarde double
Nu wordt de tekst doorgestreept met een rode dubbele lijn:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: double;
text-decoration-color: red;
text-decoration-line: line-through;
}
:
