语法:
text-decoration :<' text-decoration-line '> || <' text-decoration-style '> || <' text-decoration-color '>
默认值 : 看每个独立属性
适用于 :所有元素
继承性 :无
动画性 :看每个独立属性
计算值 :看每个独立属性
相关属性 :<' text-decoration-skip '> || <' text-underline-position '>
取值:
- <' text-decoration-line '>:
- 指定文本装饰的种类。 相当于CSS2.1的 <' text-decoration '> 属性,可取值:none | underline | overline | line-through | blink
- <' text-decoration-style '>:
- 指定文本装饰的样式。
- <' text-decoration-color '>:
- 指定文本装饰的颜色。
说明:
- 所有浏览器均支持CSS2.1中的 <' text-decoration '> 属性,在CSS3中,该属性定义被移植到其新的分解属性 <' text-decoration-line '> 上;
- 对应的脚本特性为 textDecoration 。
兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0+ | 2.0+ | 4.0+ | 6.0+ | 15.0+ | 6.0+ | 2.1+ | 18.0+ |
CSS3复合属性 | 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- #1 | 8.0-8.3 -webkit- #1 | ||||||
36.0+ |
-
支持 <'
text-decoration-style
'> 写入 <'
text-decoration
'> 缩写方式,但其
dotted | dashed
属性值会表现为实线。