CSS | text-decoration-line 属性

简介

text-decoration-line 属性用于设置文本装饰线的样式。文本装饰线是指对文本进行下划线、删除线、上划线等样式的修饰。

语法

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

• none：无装饰线。
• underline：添加下划线。
• overline：添加上划线。
• line-through：添加删除线。
• blink：让文本闪烁（并不常见，不被所有浏览器支持）。

示例

/* 给链接添加下划线 */
a {
  text-decoration-line: underline;
}

/* 给段落添加删除线 */
p {
  text-decoration-line: line-through;
}

/* 给标题添加上划线和闪烁效果 */
h1 {
  text-decoration-line: overline blink;
}

注意事项

• text-decoration-line 属性只能设置一个装饰线样式，如果需要同时使用多个装饰线样式，可以使用 text-decoration 属性。

浏览器兼容性

text-decoration-line 属性的浏览器兼容性如下：

• Chrome：所有版本
• Firefox：所有版本
• Safari：所有版本
• Opera：所有版本
• Edge：所有版本
• Internet Explorer：从IE10开始支持

参考链接

• MDN Web 文档：text-decoration-line