Свойство text-decoration в CSS позволяет добавлять декоративные линии к тексту. 2 Некоторые способы стилизации:
- Подчёркивание (underline). 12 Свойство располагает линию под текстом, обычно используется для ссылок. 2
- Перечёркивание (line-through). 25 Добавляет линию, проходящую прямо через текст, то есть делает его перечёркнутым. 2
- Надчёркивание (overline). 25 Размещает линию над текстом, другими словами, делает его надчёркнутым. 2
- Отмена оформления (none). 25 Убирает все текстовые декорации. 1
Кроме того, с помощью text-decoration можно указать следующие параметры:
- Стиль линии (text-decoration-style). 14 Возможные значения: solid (сплошная линия), double (двойная линия), dotted (точечная линия), dashed (пунктирная линия), wavy (волнистая линия). 4
- Цвет линии (text-decoration-color). 14 По умолчанию — currentcolor. 2
- Толщина линии (text-decoration-thickness). 2 По умолчанию — auto, то есть определяется браузером. 2
При необходимости можно добавить несколько линий тексту, для этого одно ключевое слово следует отделить от другого с помощью пробела. 2