CSS text-decoration-color 属性

text-decoration-color 属性用于指定文本装饰（如下划线、删除线等）的颜色。

语法

text-decoration-color: color;

• color：指定文本装饰的颜色，可以使用颜色值、关键字或者 RGB 值。

初始值

currentColor

适用元素

所有元素

继承性

不继承

取值

• color：指定文本装饰的颜色，可以使用以下值之一：
  • 颜色值（如 red, #ff0000, rgb(255, 0, 0)）
  • 关键字（如 currentColor）
  • RGB 值（如 rgb(255, 0, 0)）

示例

// www.javascriptcn.com code example
a {
  text-decoration: underline;
  text-decoration-color: blue;
}

p {
  text-decoration: line-through;
  text-decoration-color: red;
}

在上面的示例中，链接文本的下划线颜色被设置为蓝色，段落中的删除线颜色被设置为红色。

注意事项

• text-decoration-color 属性需要与 text-decoration-line 属性一起使用，否则默认为当前文字颜色。
• 一些浏览器可能不支持该属性，因此在使用时需要进行兼容性处理。

以上就是关于 CSS 属性 text-decoration-color 的详细介绍。