Как задать цвет text-decoration для заголовков?

Question

[Кристина]

Как задать цвет text-decoration для заголовков?
Спасибо!

Answer 1

[Артур Карапетян]

text-decoration: underline color
color - цвет (#000)

Comments

[Кристина]

Спасибо!

[Артур Карапетян]

KrisIris: Не за что, но это свойство плохо поддерживается браузерами

Answer 2

[Евгений Карпов]

используй для этих целей border-bottom: 1px solid #color; text-decoration:none

Answer 3

[riot26]

Есть свойство text-decoration-color, но с поддержкой всё печально: клик.
Можно придумать костыли: https://jsfiddle.net/riot26/jwb6cLkc/

Comments

[Артур Карапетян]

Зачем такие костыли?! Если можно просто сделать padding-bottom: 5px; для h$ и border-bottom ?

[riot26]

Артур: бордер будет по всей ширине, а не только под текстом.

[Артур Карапетян]

riot26: display: inline-block ?

[riot26]

Артур: тогда всё ок, но на готовой вёрстке может что-то сломать.