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屬性有哪些的詳細內容，更多請關注本站其它相關文章！