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;
}