CSS text-decoration-line 屬性

CSS 參考手冊 CSS 參考手冊


實例

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

p
{
text-decoration-line: overline;
-moz-text-decoration-line: overline; /* 針對 Firefox 的代碼 */
}


流覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

幾乎所有的主流流覽器都不支持 text-decoration-line 屬性。

Firefox 支持另一個可替代該屬性的屬性,即 -moz-text-decoration-line 屬性。


定義和用法

text-decoration-line 屬性規定文本修飾要使用的線條類型。

注意:您也可以使用 text-decoration 屬性設置 text-decoration-line。text-decoration 屬性是 text-decoration-line、text-decoration-style 和 text-decoration-color 屬性的速記屬性。

注意:您也可以同時使用多個值,比如 underline overline,來在文本的上方和下方都顯示線條。

默認值: none
繼承:
可動畫化: 否。請參閱 可動畫化(animatable)
版本: CSS3
JavaScript 語法: object.style.textDecorationLine="overline"


CSS 語法

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

屬性值

描述 測試
none 默認值。規定文本修飾沒有線條。 測試 »
underline 規定文本的下方將顯示一條線。 測試 »
overline 規定文本的上方將顯示一條線。 測試 »
line-through 規定文本的中間將顯示一條線。 測試 »
initial 設置該屬性為它的默認值。請參閱 initial 測試 »
inherit 從父元素繼承該屬性。請參閱 inherit

CSS 參考手冊 CSS 參考手冊