Text-decoration-style häsiýeti

text-decoration-style häsiýeti tekstiň çyzygyň görnüşini üýtgedýär: ýekeje çyzyk, goşa, nokatlar şekilli, tire şekilli, tolkunly çyzyk.

Bu häsiýet bilen bilelikde text-decoration-line we text-decoration-color häsiýetlerini ulanmaly. Bu häsiýetler text-decoration häsiýetiniň täsirini giňeldýärler we onuň has ösen degişlileridir.

Sintaksis

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

Belli däl bahasy: solid.

Indi tekst gyzyl tolkunly çyzyk bilen aşaky çyzyljak:

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

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

Indi tekst gyzyl nokatlar şekilli çyzyk bilen aşaky çyzyljak:

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

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

Indi tekst gyzyl goşa çyzyk bilen çyzyklanjak:

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

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