HTML | DOM 样式 textDecoration 属性

介绍

在 HTML 中，可以使用 textDecoration 属性改变文本的样式。这个属性包含一些值，如 underline、overline、line-through 和 blink。

语法

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

• none：没有任何文本装饰。
• underline：文本下加线。
• overline：文本上加线。
• line-through：穿过文本中央的一条线。
• blink：让文本闪烁。

例子

例1：应用下划线

<p style="text-decoration: underline;">这是一段有下划线的文本。</p>

例2：应用删除线

<p style="text-decoration: line-through;">这是一段带有删除线的文本。</p>

JavaScript 访问

通过 JavaScript 可以访问 textDecoration 属性并进行修改。以下是一个例子：

var x = document.getElementById("myParagraph");
x.style.textDecoration = "underline";

结语

这篇文章介绍了 textDecoration 属性的语法、值以及在 HTML 和 JavaScript 中的应用。使用这个属性能够很容易地改变文本样式，提高阅读体验。