Справочник HTML & CSS

text-decoration

Линии на тексте: подчёркивание, зачёркивание, надчёркивание.

Синтаксис

text-decoration: line style color thickness;

Значения

Параметр	Тип	Описание
none	keyword	Без линии — часто используют для ссылок.
underline \| line-through \| overline	keyword	Под текстом, через текст или над ним.
solid \| wavy \| dotted \| dashed	keyword	Вид линии.
color	color	Цвет линии; по умолчанию совпадает с текстом.

Примеры

Убираем, зачёркиваем и подчёркиваем волной:

<p><a href="#" style="text-decoration: none;">A link without underline</a></p>
<p style="text-decoration: line-through;">$40</p>
<p style="text-decoration: underline wavy crimson;">A spelling mistake</p>

Толщина и отступ подчёркивания:

<style>
  a { text-decoration-thickness: 2px; text-underline-offset: 4px; }
</style>
 
<p><a href="#">A neat underline with a gap</a></p>

Примечания

Если убираете подчёркивание у ссылок в тексте, выделите их иначе — по одному цвету их трудно заметить людям с нарушением цветового зрения.

См. также

text-transform — Меняет регистр букв при отображении.
color — Цвет текста (а также цвет рамок и SVG-значков по умолчанию).
<a> — Ссылка на другую страницу, файл или место на странице.

Вопросы и ответы по теме

В учебнике

Текст и шрифты — Шрифт, размер, жирность, курсив, высота строки, выравнивание и оформление текста, подключение своего шрифта.

Спасибо, что читаете!