text-decoration

  • 版本:CSS1/3
  • 2018.4.9

语法:

text-decorationtext-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 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
CSS3简写方式 8.0-16.0 40.0+ 40.0-56.0 8.0+-webkit- 40.0-43.0 8.0+-webkit- 4.4-56.0 28.0-56.0
57.0+ 44.0+ 57.0+ 57.0+

示例:

关注编程学问公众号