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

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

Синтаксис

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

Стойности

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

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

Пример

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

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

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

Результат: