Vlastnosť text-decoration-style

Vlastnosť text-decoration-style mení typ línie u textu: jednoduchá čiara, dvojitá, v podobe bodiek, v podobe pomlčiek, vlnovka.

Vlastnosť by sa mala používať spoločne s vlastnosťami text-decoration-line a text-decoration-color. Tieto vlastnosti rozširujú pôsobenie vlastnosti text-decoration, pričom sú jej pokročilejšími analógmi.

Syntax

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

Predvolená hodnota: solid.

Teraz bude text podčiarknutý červenou vlnovkou:

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

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

Teraz bude text podčiarknutý červenou čiarkou v podobe bodiek:

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

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

Teraz bude text preškrtnutý červenou dvojitou čiarou:

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

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