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 元素设置红色下划线的效果。
这是一段带红色下划线效果的文字（只有在Firefox6+浏览器才能够看到效果）。
浏览器支持目前只有Firefox 6+浏览器才支持 text-decoration-color 属性。
查看更多关于text-decoration-color的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did31697