码云前端开发 2021-07-23

CSS text-decoration-color属性

文章目录隐藏

定义和适用
CSS 语法
属性值
浏览器支持
实例

定义和适用

text-decoration-color 属性规定文本划（下划线下划线、上划线上划线、中线穿线）的颜色。

注意：还有有可见的文字装饰的元素上，文字装饰颜色属性才有效。

默认值：	当前颜色
继承：	否
可动画化：	是。
版本：	CSS3
JavaScript 语法：	object.style.textDecorationColor=”red”

CSS 语法

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

属性值

值	描述
color	规定文本修饰的颜色。
initial	设置该属性为它的默认值。
inherit	从父元素继承该属性。

浏览器支持

几乎所有的主流浏览器都不支持 text-decoration-color 属性。

Firefox 支持另一个可替代该属性的属性，即 -moz-text-decoration-color 属性。

实例

改变下划线文本中下划线的颜色：

<style>
p
{
text-decoration: underline;
text-decoration-color: red;
-moz-text-decoration-color: red; /* 针对 Firefox 的代码 */
}
</style>

<body>
<p>
线条的颜色现在应该是红色！
</p>

<p><b>注意：</b>几乎所有的主流浏览器都不支持 text-decoration-color 属性。</p>
<p><b>注意：</b>Firefox 支持另一个可替代该属性的属性，即 -moz-text-decoration-color 属性。</p>

</body>

效果如下：