CSS | text-decoration-color 属性

简介

text-decoration-color属性是CSS3中的一项新属性，它用于设置文本装饰线的颜色。与text-decoration-line配合使用，可以设置文本装饰线的样式。

语法

text-decoration-color: color|initial|inherit;

取值

• color：设置文本装饰线的颜色，可以使用十六进制值、RGB值或者CSS颜色名称。
• initial：将属性设置为默认值。
• inherit：继承父元素的属性值。

示例

a {
    text-decoration-line: underline;
    text-decoration-color: #ff0000;
}

该示例将链接下划线的颜色设置为红色。

注意事项

• text-decoration-color属性需要与text-decoration-line属性配合使用，否则无法生效。
• 目前还有部分浏览器不支持该属性，建议在实际开发中进行兼容性测试。