css text-decoration-color属性怎么用

2019年5月29日16:21:10 发表评论 5 浏览

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

css 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>

效果图:

css text-decoration-color属性怎么用

以上就是css text-decoration-color属性怎么用的详细内容,更多请关注洋洋博客其它相关文章!

css text-decoration-color属性怎么用

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: