Egenskapen text-decoration-style

Egenskapen text-decoration-style ändrar linjetypen för text: heldragen linje, dubbellinje, punkterad linje, streckad linje, vågig linje.

Egenskapen bör användas tillsammans med egenskaperna text-decoration-line och text-decoration-color. Dessa egenskaper utökar funktionaliteten för egenskapen text-decoration, och är mer avancerade alternativ.

Syntax

selektor {
	text-decoration-line: solid | double | dotted | dashed | wavy;
}

Standardvärde: solid.

Texten kommer nu att bli understruken med en röd vågig linje:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration-style: wavy;
	text-decoration-color: red;
	text-decoration-line: underline;
}

Texten kommer nu att bli understruken med en röd punkterad linje:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration-style: dotted;
	text-decoration-color: red;
	text-decoration-line: underline;
}

Texten kommer nu att bli genomstruken med en röd dubbellinje:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration-style: double;
	text-decoration-color: red;
	text-decoration-line: line-through;
}