CSS 參考手冊(cè)

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS3 text-decoration-style 屬性 CSS3 text-decoration-color 屬性

CSS3 text-decoration-line 屬性使用方法及示例

該text-decoration-lineCSS屬性指定什么樣的紋飾被添加到元素。此屬性可以接受一個(gè)或多個(gè)空格分隔的值。

下表為此屬性的用法說(shuō)明和版本歷史記錄，以及該屬性在javascript腳本中的使用語(yǔ)法。

默認(rèn)值：	none
適用于：	所有元素。它也適用于::first-letter和::first-line。
繼承：	沒(méi)有
可動(dòng)畫(huà)制作：	否。請(qǐng)參見(jiàn) 動(dòng)畫(huà)屬性。
版本：	CSS3的新功能
JavaScript語(yǔ)法：	object.style.textDecorationLine="underline"

text-decoration-line 的使用語(yǔ)法

該屬性的語(yǔ)法如下：

text-decoration-line: none | [ underline | overline | line-through | blink ] one or more values | initial | inherit

下面的示例演示了如何使用text-decoration-line屬性。

示例

p {
    -moz-text-decoration-line: underline; /* Firefox */
    text-decoration-line: underline; 
}
p.multiple {
    -moz-text-decoration-line: underline overline; /* Firefox */
    text-decoration-line: underline overline; 
}

測(cè)試看看?/?

屬性值

下表描述了此屬性的值。

值	描述
none	文字沒(méi)有修飾。這是默認(rèn)值。
underline	每行文本都帶有下劃線。
overline	每行文字上方都有一條線。
line-through	每一行文字中間都有一條線。
blink	使文本閃爍（在可見(jiàn)和不可見(jiàn)之間切換）。不推薦使用此值，而推薦使用Animations。
initial	將此屬性設(shè)置為其默認(rèn)值。
inherit	如果指定，則關(guān)聯(lián)元素采用其父元素text-decoration-line的屬性值。

瀏覽器兼容性

text-decoration-line大多數(shù)瀏覽器均不支持該屬性。

	Firefox 6+ ^-moz-，36+ Google Chrome× Internet Explorer × Apple Safari × Opera ×

警告：text-decoration-line大多數(shù)瀏覽器當(dāng)前不支持該屬性。您最好避免使用此屬性。

進(jìn)一步閱讀

請(qǐng)參考以下教程：CSS文本，CSS邊框。

相關(guān)屬性：text-decoration，text-decoration-color，text-decoration-style。

CSS3 text-decoration-style 屬性 CSS3 text-decoration-color 屬性