Својството 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;
}

Результат: