Hello! 欢迎来到小浪云!


text-decoration属性有哪些


avatar
小浪云 2024-11-29 28

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

text-decoration属性有哪些

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 属性在所有主流浏览器中都得到广泛支持。

相关阅读