css text-decoration-color属性怎么用

2020-07-22 22:34:07
css text-decoration-color属性用于设置文本修饰(下划线、上划线、中划线)的颜色。注只有先在元素上设置可见的text-decoration属性,text-decoration-color属性才起作用。

css text-decoration-color属性怎么用?

text-decoration-color 属性规定文本修饰(下划线 underline、上划线 overline、中划线 line-through)的颜色。

注意:只有在带有可见的 text-decoration属性的元素上,text-decoration-color 属性才起作用。

语法:

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

属性值:

● color:规定文本修饰的颜色。

● initial:设置该属性为它的默认值。

● inherit:从父元素继承该属性。

说明:几乎所有的主流浏览器都不支持 text-decoration-color 属性。Firefox 支持另一个可替代该属性的属性,即 -moz-text-decoration-color 属性。

css text-decoration-color属性 示例

<!DOCTYPE html><html><head><style>p{text-decoration: underline;text-decoration-color: red;-moz-text-decoration-color: red; /* 针对 Firefox 的代码 */}</style></head><body><p>线条的颜色现在应该是红色!</p><p><b>注意:</b>几乎所有的主流浏览器都不支持 text-decoration-color 属性。</p><p><b>注意:</b>Firefox 支持另一个可替代该属性的属性,即 -moz-text-decoration-color 属性。</p></body>

效果图:

1.jpg