⌘K

Својство text-decoration

Својство text-decoration додаје тексту разне ефекте: подвлачење, прецртавање, линију изнад текста.

Синтакса

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

Вредности

Вредност Опис
underline Прави подвучен текст.
line-through Прави прецртан текст.
overline Прави линију изнад текста.
none Поништава подвлачење подвученог елемента. Најчешће се користи за линкове, јер су они подразумевано подвучени.

Подразумевана вредност: none. За линкове подразумевана вредност: underline.

Пример . Вредност underline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

Пример . Вредност line-through

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

Пример . Вредност overline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

Погледајте такође

  • својство text-decoration-style,
    које омогућава да се мења тип линије
  • својство text-decoration-color,
    које омогућава да се мења боја линије
  • својство text-decoration-line,
    које омогућава да се мења положај линије
BackСвојство text-alignNextСвојство text-decoration-line