CSS свойство text-decoration-line

Добавляет оформление текста в виде подчеркивания, перечеркивания, линии над текстом. Одновременно можно применить более одного стиля, перечисляя значения через пробел.

Также для этих же целей можно использовать свойство text-decoration.

CSS синтаксис

text-decoration-line: none | underline | overline | line-through | initial | inherit;

Возможные значения

Значение Описание
none Отменяет все эффекты, в том числе и подчеркивания у ссылок, которое задано по умолчанию.
underline Устанавливает подчеркнутый текст.
overline Линия проходит над текстом.
line-through Устанавливает перечеркнутый текст.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Устанавливаем, чтобы текст внутри элементов <p> оформлялся линией над ним


p {
    -moz-text-decoration-line: overline; /* Code for Firefox */
     text-decoration-line: overline;
}