編程教程CSS text-decoration-line 屬性
CSStext-decoration-line屬性
CSS 參考手冊
實例
在段落的頂部顯示一條線：
p
{
text-decoration-line: overline;
-moz-text-decoration-line: overline; /* 針對 Firefox 的代碼 */
}
{
text-decoration-line: overline;
-moz-text-decoration-line: overline; /* 針對 Firefox 的代碼 */
}
瀏覽器支持
幾乎所有的主流瀏覽器都不支持 text-decoration-line 屬性。
Firefox 支持另一個可替代該屬性的屬性，即 -moz-text-decoration-line 屬性。
定義和用法
text-decoration-line 屬性規(guī)定文本修飾要使用的線條類型。
注意：您也可以使用 text-decoration 屬性設(shè)置 text-decoration-line。text-decoration 屬性是 text-decoration-line、text-decoration-style 和 text-decoration-color 屬性的速記屬性。
注意：您也可以同時使用多個值，比如 underline和overline，來在文本的上方和下方都顯示線條。
| 默認(rèn)值： | none |
|---|---|
| 繼承： | 否 |
| 可動畫化： | 否。請參閱可動畫化（animatable）。 |
| 版本： | CSS3 |
| JavaScript 語法： | object.style.textDecorationLine="overline"嘗試一下 |
CSS 語法
text-decoration-line: none|underline|overline|line-through|initial|inherit;屬性值
| 值 | 描述 | 測試 |
|---|---|---|
| none | 默認(rèn)值。規(guī)定文本修飾沒有線條。 | 測試 ? |
| underline | 規(guī)定文本的下方將顯示一條線。 | 測試 ? |
| overline | 規(guī)定文本的上方將顯示一條線。 | 測試 ? |
| line-through | 規(guī)定文本的中間將顯示一條線。 | 測試 ? |
| initial | 設(shè)置該屬性為它的默認(rèn)值。請參閱initial。 | 測試 ? |
| inherit | 從父元素繼承該屬性。請參閱inherit。 |
CSS 參考手冊