CSS text-decoration-line 屬性
示例
設定不同型別的文字裝飾線
div.a {
text-decoration-line: overline;
}
div.b {
text-decoration-line: underline;
}
div.c {
text-decoration-line: line-through;
}
div.d {
text-decoration-line: overline underline;
}
自己動手試一試 »
定義和用法
text-decoration-line 屬性設定要使用的文字裝飾型別（如下劃線、上劃線、刪除線）。
提示: 還可以檢視 text-decoration 屬性，它是 text-decoration-line、text-decoration-style、text-decoration-color 和 text-decoration-thickness 的簡寫屬性。
注意: 您還可以組合多個值，例如下劃線和上劃線，在文字的上方和下方都顯示線條。
| 預設值 | none |
|---|---|
| 繼承 | no |
| 可動畫 | 否。 閱讀關於可動畫屬性 |
| 版本 | CSS3 |
| JavaScript 語法 | object.style.textDecorationLine="overline" 立即嘗試 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| text-decoration-line | 57 | 79 | 36 | 12.1 | 44 |
CSS 語法
text-decoration-line: none|underline|overline|line-through|initial|inherit;
屬性值
| 值 | 描述 | 試一試 |
|---|---|---|
| none | 預設值。指定文字裝飾沒有線條 | 演示 ❯ |
| underline | 指定將在文字下方顯示一條線 | 演示 ❯ |
| overline | 指定將在文字上方顯示一條線 | 演示 ❯ |
| line-through | 指定將在文字中顯示一條線 | 演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程：CSS 文字裝飾
HTML DOM 參考：textDecorationLine 屬性
