text-decoration属性有哪些

text-decoration 属性用于为文本添加装饰线，包括：none：不添加装饰线。underline：添加下划线。overline：添加上划线。line-through：添加删除线。initial：使用浏览器的默认装饰线。inherit：从父元素继承装饰线。

text-decoration 属性

text-decoration 属性用于为文本添加装饰线，例如下划线、删除线和上划线。它对于强调文本或指示文本的状态非常有用。

属性值

text-decoration 属性接受以下值：

• none：不添加任何装饰线。
• underline：在文本下方添加一条下划线。
• overline：在文本上方添加一条上划线。
• line-through：在文本中间添加一条删除线。
• initial：使用浏览器的默认装饰线。
• inherit：从父元素继承装饰线。

使用示例

以下示例将为段落文本添加下划线：

<p style="text-decoration: underline;">带下划线的文本</p>

登录后复制

以下示例在文本上方添加一条删除线：

<p style="text-decoration: line-through;">被删除的文本</p>

登录后复制

复合值

text-decoration 属性可以接受复合值，以添加多个装饰线。例如，以下示例将为文本添加下划线和删除线：

<p style="text-decoration: underline line-through;">带下划线和删除线的文本</p>

登录后复制

浏览器支持

text-decoration 属性在所有主流浏览器中都得到广泛支持。

以上就是text-decoration属性有哪些的详细内容，更多请关注本站其它相关文章！