text-decoration-line 是 CSS 的属性,用于设置文本修饰(如下划线、删除线等)的类型。它用于指定要应用的文本修饰线的类型,可以与 text-decoration-color 和 text-decoration-style 一起使用。

以下是一些常见的取值:

1. none(无修饰线): 默认值,文本没有任何修饰线。
   p {
     text-decoration-line: none;
   }

2. underline(下划线): 在文本下方添加下划线。
   p {
     text-decoration-line: underline;
   }

3. overline(上划线): 在文本上方添加上划线。
   p {
     text-decoration-line: overline;
   }

4. line-through(删除线): 在文本中间添加删除线。
   p {
     text-decoration-line: line-through;
   }

5. underline overline(同时添加上划线和下划线):
   p {
     text-decoration-line: underline overline;
   }

该属性可以帮助你更精确地指定要应用的文本修饰线的类型,而不是简单地使用 text-decoration。这对于需要在不同状态下切换文本修饰线时特别有用。请注意,浏览器的兼容性可能有所不同,需要根据实际情况进行测试。


转载请注明出处:http://www.pingtaimeng.com/article/detail/6137/CSS