HTML | DOM 样式 textDecorationLine 属性

textDecorationLine 属性被用来设置文本的装饰线条，它接受四个值：none（无文本装饰），underline（下划线），overline（上划线）和 line-through（中划线）。

语法

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

• none：表示没有任何的文本装饰。

• underline：表示为文本增加下划线。

• overline：表示为文本增加上划线。

• line-through：表示为文本增加中划线。

这个属性通常与 text-decoration-style 和 text-decoration-color 属性一同使用，以设置文本装饰的样式和颜色。

实例

<p style="text-decoration-line: underline">这是一条下划线</p>
<p style="text-decoration-line: overline">这是一条上划线</p>
<p style="text-decoration-line: line-through">这是一条中划线</p>

浏览器兼容性

该属性在所有主流浏览器中支持，包括 IE11 和 Edge。

参考文献

• MDN web docs