CSS属性参考 | text-decoration-line

07-30 次

标签文本 css属性 css参考

CSS text-decoration-line 属性可以为文本设置的文本装饰线（下划线、上划线和删除线），或移除已有的装饰线。

装饰线效果如下图：

text-decoration-line属性可以接收多个值，各个值之间使用空格来分开。使用多个值时，文本上会同时有多个装饰线效果。

text-decoration-line属性的值中，blink是一个文本闪烁效果，这是一个过时的属性，不建议使用。某些浏览器可能不支持这个效果。

line-through是删除线效果，用于表示某个事物已经过时或被删除。建议使用HTML标记<del>或<s>来表示被删除的文本，这样在语义上能够很好的体现。

官方语法

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

参数：

none：不为文本添加装饰线。如果文本已经存在装饰线则将装饰线删除。
overline：装饰线在文本上方。多行文本中，每一行文本上方都有一条装饰线。
line-through：删除线样式装饰线。多行文本中，每一行文本都有删除线。
underline：装饰线在文本下方。多行文本中，每一行文本下方都有一条装饰线。
blink：文本闪烁。这个值已经过时，不建议使用。

text-decoration-line属性的初始值为none。

应用范围

text-decoration-line属性可以应用在所有元素上。

示例代码

text-decoration-line: none;
text-decoration-line: underline;
text-decoration-line: overline;
text-decoration-line: line-through;
text-decoration-line: underline overline;                /* 同时具有上划线和下划线效果 */
text-decoration-line: overline underline line-through;   /* 多个装饰线效果 */

text-decoration-line: inherit;