text-decoration-line

  • 版本:CSS3
  • 媒体:视觉
text-decoration-line属性在CSS文本装饰中是比较常用的,本文将带你深入理解text-decoration-line属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上text-decoration-line的演示案例,希望能够对你有所帮助。

text-decoration-line的具体语法

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

默认值none

适用于:所有元素

继承性:无

动画性:否

计算值:指定的值

text-decoration-line的取值介绍

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

text-decoration-line的使用说明

检索或设置对象中的文本装饰线条的位置。
  • 相当于CSS2.1的 text-decoration 属性
  • 对应的脚本特性为textDecorationLine

text-decoration-line的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 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
  1. Firefox26.0开始支持blink,但没有效果,因为规范允许用户代理忽略该效果;

text-decoration-line的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册