Как использовать свойство text-decoration для управления декоративными линиями в CSS?

Свойство text-decoration в CSS позволяет управлять декоративными эффектами текста, такими как подчёркивание, надчёркивание и перечёркивание. 2 Также оно даёт возможность установить цвет и стиль линий, используемых для декорирования текста. 2

Некоторые значения свойства text-decoration и их описание:

• none — убирает все текстовые декорации. 2
• underline — подчёркивает текст. 2
• overline — добавляет линию над текстом. 2
• line-through — добавляет линию через текст (зачёркивание). 2
• blink — текст мигает (поддерживается не всеми браузерами). 2

Для управления стилем линии используются следующие ключевые слова: 1

• solid — сплошная линия, значение по умолчанию. 1
• double — двойная линия. 1
• dotted — точечная линия. 1
• dashed — пунктирная линия. 1
• wavy — волнистая линия. 1

Цвет линии по умолчанию совпадает с цветом текста, для которого задаётся свойство text-decoration. 1 Чтобы изменить это значение, нужно указать после ключевых слов типа и стиля линии код цвета в любом доступном в вебе формате. 1

Свойство text-decoration может принимать одно значение или больше. 3 Чтобы задать сразу несколько значений, их следует разделить пробелами. 3