text-decoration включается в себя свойства: text-decoration-line, text-decoration-thickness, text-decoration-style и text-decoration-color. С помощью них мы можем определить тип, толщину, вид и цвет линии.
/*
свойство text-decoration разворачивается в следующие свойства:
text-decoration-line: underline;
text-decoration-thickness: 3px;
text-decoration-style: solid;
text-decoration-color: tomato;
*/
a {
text-decoration: underline 3px solid tomato;
}Еще свойство text-underline-offset. Оно не входит в краткую форму записи text-decoration. С помощью него можно указать позицию подчёркиванию, созданному свойством text-decoration-line.
a {
text-decoration: underline 3px solid tomato;
text-underline-offset: 5px;
}