Свойство text-decoration-line

Свойството text-decoration-line задава разположението на линията при текст. Свойството следва да се използва съвместно със свойствата text-decoration-style и text-decoration-color. Тези свойства разширяват действието на свойството text-decoration, като са по-напреднали аналози.

Синтаксис

селектор {
	text-decoration-line: underline | line-through | overline | none;
}

Стойности

Стойност	Описание
`underline`	Прави текста подчертан.
`line-through`	Прави текста зачеркнат.
`overline`	Прави линия над текста.
`none`	Премахва подчертаването на подчертания елемент. Най-често се използва за връзки, тъй като те са подчертани по подразбиране.

Стойност по подразбиране: none. За връзки стойността по подразбиране е: underline.

Пример

Нека зачеркнем текста с червена линия:

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

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