CSS text-decoration-color 属性指定通过属性设置的文本装饰线（下划线、上划线和删除线）的颜色。

text-decoration-color属性的默认值是currentColor。

通过该属性设置的三种类型的线条的颜色是相同的。CSS中没有提供为每种装饰线设置一种颜色的功能。但是你可以通过嵌套标签的方法，为不同的元素设置不同的装饰线类型，并在各个元素上单独设置装饰线的颜色。

官方语法

text-decoration-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元素设置红色下划线的效果。

浏览器支持

目前只有Firefox 6+浏览器才支持text-decoration-color属性。