Как использовать свойство text-decoration для стилизации ссылок в веб-дизайне?

Чтобы использовать свойство text-decoration для стилизации ссылок в веб-дизайне, можно, например:

• Убрать подчёркивание. webref.ru Для этого нужно указать значение none. webref.ru
• Добавить подчёркивание при наведении на ссылку курсора мыши. webref.ru Для этого сперва убирают подчёркивание через свойство text-decoration со значением none, затем в псевдоклассе :hover используют это же свойство, но уже со значением underline. webref.ru
• Изменить цвет подчёркивания. webref.ru webformyself.com Для этого применяют свойство text-decoration-color. webref.ru webformyself.com

Также для решения проблемы с подчёркиванием, которое заходит на нижние выноски букв, можно использовать свойство text-decoration-skip. webformyself.com Например, значение ink обрывает подчёркивание в местах с нижними выносками букв. webformyself.com

Выбор конкретных настроек зависит от желаемого эффекта и предпочтений дизайнера.