Savybė text-decoration-style

Savybė text-decoration-style keičia teksto linijos tipą: vieninte linija, dviguba, taškų pavidalu, brūkšnių pavidalu, banguota linija.

Ši savybė turėtų būti naudojama kartu su savybėmis text-decoration-line ir text-decoration-color. Šios savybės išplečia savybės text-decoration veikimą, būdamos pažangesniais atitikmenimis.

Sintaksė

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

Numatytoji reikšmė: solid.

Dabar tekstas bus pabrauktas raudona banguota linija:

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

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

Dabar tekstas bus pabrauktas raudona linija taškų pavidalu:

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

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

Dabar tekstas bus perbrauktas raudona dviguba linija:

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

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