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