CSS text-decoration-style 屬性

CSS 參考手冊 CSS 參考手冊


實例

在段落的下方顯示一條波浪線:

p
{
text-decoration: underline;
-moz-text-decoration-style: wavy; /* 針對 Firefox 的代碼 */
}


流覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

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

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


定義和用法

text-decoration-style 屬性規定線條如何顯示。

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


CSS 語法

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

屬性值

描述 測試
solid 默認值。線條將顯示為單線。 測試 »
double 線條將顯示為雙線。 測試 »
dotted 線條將顯示為點狀線。 測試 »
dashed 線條將顯示為虛線。 測試 »
wavy 線條將顯示為波浪線。 測試 »
initial 設置該屬性為它的默認值。請參閱 initial 測試 »
inherit 從父元素繼承該屬性。請參閱 inherit

CSS 參考手冊 CSS 參考手冊