定義和用法

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

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

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

默認值：

none

繼承：

否

可動畫化：

否。

版本：

CSS3

JavaScript 語法：

object.style.textDecorationLine=”overline”

CSS 語法

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

屬性值

值

描述

none

默認值。規定文本修飾沒有線條。

underline

規定文本的下方將顯示一條線。

overline

規定文本的上方將顯示一條線。

line-through

規定文本的中間將顯示一條線。

initial

設置該屬性為它的默認值。

inherit

從父元素繼承該屬性。

瀏覽器支持

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

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

實例

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

p

{

text-decoration-line: overline;

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

}

本實例中的段落上方會顯示一條線。

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

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

效果如下：

總結

以上是生活随笔為你收集整理的overline css,CSS text-decoration-line 属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。