旗下导航:搜·么
当前位置:网站首页 > CSS > 正文

css text-decoration-color属性怎样用【css教程】

作者:搜搜PHP网发布时间:2019-11-26分类:CSS浏览:113


导读:csstext-decoration-color属性用于设置文本润饰(下划线、上划线、中划线)的色彩。注只要先在元素上设置可见的text-decoration属性,text-de...
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>

效果图:

以上就是css text-decoration-color属性怎样用的细致内容,更多请关注ki4网别的相干文章!

标签:csstext-decoration-color属性