CSS text-decoration-color 属性

概述

CSS text-decoration-color 属性用于设置文本装饰线的颜色。这个装饰线可以是下划线、删除线等。

text-decoration-color: color; 

属性值可以是颜色名、RGB 值或者十六进制值，取值与 CSS color 属性相同。

该属性通常与 text-decoration-line 属性一起使用，用于设置文本装饰线的类型和颜色。

语法

text-decoration-color: currentcolor | color;

属性值

• currentcolor：指定使用 color 属性的值作为装饰线的颜色。
• color：指定具体的颜色值。

示例

a{
  text-decoration-line: underline;
  text-decoration-color: blue;
}

效果是将链接下划线改为蓝色。

兼容性

text-decoration-color 属性的兼容性较差，IE 浏览器只在 IE Edge 版本中开始支持，使用时需谨慎。

注意事项

• 该属性值仅在设置了 text-decoration-line 属性后才能生效。
• 如果未设置该属性，将使用 color 属性的值作为装饰线的颜色。
• 当该属性值为 currentColor 时，其值将与 color 属性相同。