语法:
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
属性值会表现为实线。