text-decoration-line

  • 版本:CSS3
  • 2018.4.10

语法:

text-decoration-line:none | [ underline || overline || line-through || blink ]

默认值none

适用于:所有元素

继承性:无

动画性:否

计算值:指定的值

媒 体:视觉

取值:

none:
指定文字无装饰
underline:
指定文字的装饰是下划线
overline:
指定文字的装饰是上划线
line-through:
指定文字的装饰是贯穿线
blink:
指定文字的装饰是闪烁。

说明:

定义元素文本装饰线条位于文本的哪个位置。
  • 相当于CSS2.1的text-decoration属性
  • 需要注意的是大部分浏览器都不支持blink值,因为规范允许用户代理忽略该效果;
  • 对应的脚本特性为:textDecorationLine

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 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+

示例:

关注编程学问公众号