Rumah  >  Artikel  >  hujung hadapan web  >  css text-decoration-color属性怎么用

css text-decoration-color属性怎么用

青灯夜游
青灯夜游asal
2019-05-29 16:21:103523semak imbas

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>

效果图:

1.jpg

Atas ialah kandungan terperinci css text-decoration-color属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn