text-decoration-style հատկությունը

text-decoration-style հատկությունը փոխում է տեքստի գծի տեսակը՝ մեկ գիծ, կրկնակի, կետերով, գծիկներով, ալիքաձև գիծ:

Հատկությունը պետք է օգտագործել միասին text-decoration-line և text-decoration-color հատկությունների հետ: Այս հատկությունները ընդլայնում են text-decoration հատկության ազդեցությունը, հանդիսանալով ավելի առաջադեմ անալոգներ:

Շարահյուսություն

ընտրիչ {
	text-decoration-line: solid | double | dotted | dashed | wavy;
}

Արժեքներ

Արժեք	Նկարագրություն
`solid`	Շարունակական գիծ:
`double`	Կրկնակի գիծ:
`dotted`	Կետերով գիծ:
`dashed`	Գծիկներով գիծ:
`wavy`	Ալիքաձև գիծ:

Լռելյայն արժեքը՝ solid:

Օրինակ . wavy արժեքը

Հիմա տեքստը կդառնա ընդգծված կարմիր ալիքաձև գծով:

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

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

Օրինակ . dotted արժեքը

Հիմա տեքստը կդառնա ընդգծված կարմիր կետերով գծով:

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

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

Օրինակ . double արժեքը

Հիմա տեքստը կդառնա խզված կարմիր կրկնակի գծով:

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

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