目录

CSS text-decoration-color 属性


示例

将文本装饰的颜色设置为红色:

p {
  text-decoration: underline;
  text-decoration-color: red;
}
亲自试一试 »

定义和用法

这个text-decoration-color属性指定文本装饰的颜色(下划线、上划线、穿线)。

提示:另请参阅文字修饰property,它是 text-decoration-line、text-decoration-style、text-decoration-color 和 text-decoration-thickness 的简写属性。

展示演示❯

默认值: 当前颜色
遗传:
可动画: 是的。阅读可动画的尝试一下
版本: CSS3
JavaScript 语法: 对象.style.textDecorationColor="red"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -moz- 或 -webkit- 的数字指定使用前缀的第一个版本。

Property
text-decoration-color 57.0 79.0 36.0
6.0 -moz-
12.1
7.1 -webkit-
44.0

CSS 语法

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

属性值

Value Description Play it
color Specifies the color of the text-decoration Demo ❯
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

相关页面

CSS教程:CSS 文本装饰

HTML DOM 参考:textDecorationColor 属性