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;在线演示
下面的例子演示了各种装饰线的效果（只有在Firefox6+浏览器才能够看到效果）。
这是下划线效果。
这是上划线效果。
这是删除线效果。
同时带有上划线和下划线的效果。
浏览器支持目前只有Firefox 6+浏览器才支持 text-decoration-line 属性，需要添加 -moz- 前缀。
查看更多关于text-decoration-line的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did31696