⌘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