CSS3参考手册
»
属性列表
»
文本装饰属性
»
相关内容：
其它文本装饰属性
选择其它项
text-decoration-color
版本：CSS3
媒体：视觉
语法：
text-decoration-color
：
<color>
默认值
：
采用文本颜色
适用于
：所有元素
继承性
：无
动画性
：是
计算值
：计算后颜色值
取值：
<color>
：
指定颜色。
说明：
检索或设置对象中的文本装饰线条的颜色。
对应的脚本特性为
textDecorationColor
。
兼容性：
浅绿
= 支持
红色
= 不支持
墨绿
= 部分支持
支持版本
\类型
IE
Firefox
Safari
Chrome
Opera
版本
6.0-11.0
6.0-29.0
-moz-
5.1.7
1.0-31.0
3.5-21.0
示例：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>text-decoration-color_CSS参考手册_web前端开发参考手册系列</title> <style> .test li{margin-top:10px;} .test li:nth-child(1){ -moz-text-decoration-style:solid; -moz-text-decoration-color:#f00; -moz-text-decoration-line:underline; } .test li:nth-child(2){ -moz-text-decoration-style:dotted; -moz-text-decoration-color:#090; -moz-text-decoration-line:underline; } .test li:nth-child(3){ -moz-text-decoration-style:dashed; -moz-text-decoration-color:#999; -moz-text-decoration-line:underline; } .test li:nth-child(4){ -moz-text-decoration-style:double; -moz-text-decoration-color:#000; -moz-text-decoration-line:underline; } .test li:nth-child(5){ -moz-text-decoration-style:wavy; -moz-text-decoration-color:#00f; -moz-text-decoration-line:underline; } </style> </head> <body> <ul class="test"> <li>不同颜色的文字装饰线条</li> <li>不同颜色的文字装饰线条</li> <li>不同颜色的文字装饰线条</li> <li>不同颜色的文字装饰线条</li> <li>不同颜色的文字装饰线条</li> </ul> </body> </html>