⌘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