CSS text-decoration-line 屬性

定義和用法

text-decoration-line 屬性設置要使用哪種文本裝飾的類型（下劃線、上劃線、穿線）。

提示：同時請參閱 text-decoration 屬性，它是 text-decoration-line、text-decoration-style 以及 text-decoration-color 的簡寫屬性。

注釋：您還可以組合多個值，比如 underline 和 overline，在文本上下方同時顯示線條。

另請參閱：

CSS 教程：CSS 文本

HTML DOM 參考手冊：textDecorationLine 屬性

實例

設置不同的 text-decoration 線條類型：

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;
}

親自試一試

CSS 語法

text-decoration-line: none|underline|overline|line-through|initial|inherit;

屬性值

值 描述
none 默認值。規定 text-decoration 沒有線條。
underline 規定在文本下方顯示線條。
overline 規定在文本上方顯示線條。
line-through 規定顯示橫穿文本的線條。
initial 將此屬性設置為其默認值。參閱 initial。
inherit 從其父元素繼承此屬性。參閱 inherit。

技術細節

默認值： none
繼承： 否
動畫制作： 不支持。請參閱：動畫相關屬性。
版本： CSS3
JavaScript 語法： object.style.textDecorationLine="overline"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

帶 -webkit- 或 -moz- 的數字表示使用前綴的首個版本。

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0