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

Результат: