CSS3参考手册
»
属性列表
»
文本装饰属性
»
相关内容：
其它文本装饰属性
选择其它项
text-decoration-color
版本：CSS3
媒体：视觉
语法：
text-decoration-color
：
<color>
默认值
：
采用文本颜色
适用于
：所有元素
继承性
：无
动画性
：是
计算值
：计算后颜色值
取值：
<color>
：
指定颜色。
说明：
检索或设置对象中的文本装饰线条的颜色。
对应的脚本特性为
textDecorationColor
。
兼容性：
浅绿
= 支持
红色
= 不支持
粉色
= 部分支持
Values
IE
Firefox
Chrome
Safari
Opera
iOS Safari
Android Browser
Android Chrome
Basic Support
6.0-11.0
2.0-5.0
4.0-45.0
6.0-7.0
15.0-29.0
6.0-7.1
2.1-4.4.4
18.0-42.0
6.0-35.0
-moz-
7.1-8.0
-webkit-
8.0-8.3
-webkit-
36.0+
示例：
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>text-decoration-color_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test li{ margin-top:10px; -webkit-text-decoration-line:underline; -moz-text-decoration-line:underline; text-decoration-line:underline; } .test li:nth-child(1){ -webkit-text-decoration-color:red; -moz-text-decoration-color:red; text-decoration-color:red; } .test li:nth-child(2){ -webkit-text-decoration-color:blue; -moz-text-decoration-color:blue; text-decoration-color:blue; } .test li:nth-child(3){ -webkit-text-decoration-color:yellow; -moz-text-decoration-color:yellow; text-decoration-color:yellow; } </style> </head> <body> <ul class="test"> <li>红色的文本装饰线</li> <li>蓝色的文本装饰线</li> <li>黄色的文本装饰线</li> </ul> </body> </html>