CSS 參考手冊(cè)

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS text-indent 屬性 CSS3 text-decoration-line 屬性

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

text-decoration-style CSS屬性指定文本修飾要使用的線條類型。

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

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

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

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

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

text-decoration-style: [ solid | double | dotted | dashed | wavy ] one or more values | initial | inherit

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

示例

p {
    text-decoration: underline;
    -moz-text-decoration-style: dotted; /* Firefox */
    text-decoration-style: dotted; 
}

測(cè)試看看?/?

屬性值

下表描述了此屬性的值。

值	描述
solid	該線顯示為實(shí)線。這是默認(rèn)值。
double	該線顯示為雙線。
dotted	該線顯示為虛線。
dashed	該線顯示為虛線。
wavy	該線顯示為波浪線。
initial	將此屬性設(shè)置為其默認(rèn)值。
inherit	如果指定，則關(guān)聯(lián)元素采用其父元素text-decoration-style的屬性值。

瀏覽器兼容性

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

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

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

進(jìn)一步閱讀

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

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

CSS text-indent 屬性 CSS3 text-decoration-line 屬性