Style textDecorationLine 屬性

定義和用法

textDecorationLine 屬性設置或返回裝飾將獲得的線條類型(如果有)。

注釋:您還可以使用 textDecoration 屬性設置 textDecorationLine,該屬性是以下屬性的簡寫屬性:

注釋:您還可以組合多個值,比如 underlineoverline,以在文本下方和上方同時顯示線條。

另請參閱:

CSS 參考手冊:text-decoration-line 屬性

實例

顯示頂部有一條線的段落:

document.getElementById("myP").style.textDecorationLine = "overline";

親自試一試

語法

返回 textDecorationLine 屬性:

object.style.textDecorationLine

設置 textDecorationLine 屬性:

object.style.textDecorationLine = "none|underline|overline|line-through|initial|inherit"

屬性值

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

技術細節

默認值:
返回值: 字符串,表示元素的 text-decoration-line 屬性
CSS 版本: CSS3

瀏覽器支持

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 79.0 36.0 7.0 Webkit 44.0