CSS text-decoration-color 属性指定通过text-decoration-line属性设置的文本装饰线（下划线、上划线和删除线）的颜色。
text-decoration-color属性的默认值是currentColor。
通过该属性设置的三种类型的线条的颜色是相同的。CSS中没有提供为每种装饰线设置一种颜色的功能。但是你可以通过嵌套标签的方法，为不同的元素设置不同的装饰线类型，并在各个元素上单独设置装饰线的颜色。
官方语法
text-decoration-color: <color>
参数：
- <color>：使用<color>数据类型来指定文本装饰线的颜色。
text-decoration-color属性的初始值为currentColor。
应用范围
text-decoration-color属性可以应用在所有元素上。
示例代码
text-decoration-color: currentColor; text-decoration-color: red; text-decoration-color: #00ff00; text-decoration-color: rgba(255, 128, 128, 0.5); text-decoration-color: transparent; text-decoration-color: inherit;
为em元素设置蓝色的下划线。
em{
text-decoration-line: underline;
text-decoration-color: blue;
}
在线演示
下面的代码演示了为em元素设置红色下划线的效果。
这是一段带红色下划线效果的文字（只有在Firefox6+浏览器才能够看到效果）。
浏览器支持
目前只有Firefox 6+浏览器才支持text-decoration-color属性。
