5 августа буду в отъезде. отвечаю по возможности

Свойство text-decoration

Свойство text-decoration добавляет тексту различные эффекты: подчеркивание, перечеркивание, линию сверху.

Синтаксис

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

Значения

Значение Описание
underline Делает подчеркнутый текст.
line-through Делает перечеркнутый текст.
overline Делает линию над текстом.
none Отменяет подчеркивание подчеркнутого элемента. Чаще всего используется для ссылок, так как они по умолчанию подчеркнуты.

Значение по умолчанию: none. Для ссылок значение по умолчанию: underline.

Пример . Значение underline

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

:

Пример . Значение line-through

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

:

Пример . Значение overline

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

:

Смотрите также

  • свойство text-decoration-style,
    которое позволяет изменять тип линии
  • свойство text-decoration-color,
    которое позволяет изменять цвет линии
  • свойство text-decoration-line,
    которое позволяет изменять позицию линии