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

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

В CSS3 свойство text-decoration также является краткой формой записи для свойств text-decoration-line, text-decoration-color и text-decoration-style, однако в настоящее время это не поддерживается ни одним основным браузером.

CSS синтаксис

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

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

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

Пример использования

Устанавливаем оформление текста заголовков


h1 {
    text-decoration: overline;
}

 h2 {
    text-decoration: line-through;
}

 h3 {
    text-decoration: underline;
}