⌘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,
    которое позволяет изменять позицию линии
НазадСвойство text-alignДальшеСвойство text-decoration-line