text-decoration 屬性用于為文本添加裝飾線,包括:none:不添加裝飾線。underline:添加下劃線。overline:添加上劃線。line-through:添加刪除線。initial:使用瀏覽器的默認(rèn)裝飾線。inherit:從父元素繼承裝飾線。
text-decoration 屬性
text-decoration 屬性用于為文本添加裝飾線,例如下劃線、刪除線和上劃線。它對(duì)于強(qiáng)調(diào)文本或指示文本的狀態(tài)非常有用。
屬性值
text-decoration 屬性接受以下值:
- none:不添加任何裝飾線。
- underline:在文本下方添加一條下劃線。
- overline:在文本上方添加一條上劃線。
- line-through:在文本中間添加一條刪除線。
- initial:使用瀏覽器的默認(rèn)裝飾線。
- inherit:從父元素繼承裝飾線。
使用示例
以下示例將為段落文本添加下劃線:
<p style="text-decoration: underline;">帶下劃線的文本</p>
以下示例在文本上方添加一條刪除線:
<p style="text-decoration: line-through;">被刪除的文本</p>
復(fù)合值
text-decoration 屬性可以接受復(fù)合值,以添加多個(gè)裝飾線。例如,以下示例將為文本添加下劃線和刪除線:
<p style="text-decoration: underline line-through;">帶下劃線和刪除線的文本</p>
瀏覽器支持
text-decoration 屬性在所有主流瀏覽器中都得到廣泛支持。