這篇文章主要為大家詳細(xì)介紹了css中text-decoration-style屬性的作用是什么，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、成都微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了江城免費(fèi)建站歡迎大家使用！

css text-decoration-style屬性怎么用？

定義和用法

text-decoration-style 屬性規(guī)定線條如何顯示。

默認(rèn)值： solid

繼承： 否

可動(dòng)畫化： 否。

版本： CSS3

JavaScript 語(yǔ)法：

object.style.textDecorationStyle="wavy"

CSS 語(yǔ)法

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

屬性值

● solid 默認(rèn)值。線條將顯示為單線。

● double 線條將顯示為雙線。

● dotted 線條將顯示為點(diǎn)狀線。

● dashed 線條將顯示為虛線。

● wavy 線條將顯示為波浪線。

● initial 設(shè)置該屬性為它的默認(rèn)值。

● inherit 從父元素繼承該屬性。

實(shí)例

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

本實(shí)例中的段落文本下方會(huì)顯示一條波浪線。
注意：只有 Chrome 支持 text-decoration-style 屬性。
注意：Firefox 支持另一個(gè)可替代該屬性的屬性，即 -moz-text-decoration-style 屬性。

效果輸出：

瀏覽器支持：幾乎所有的主流瀏覽器都不支持 text-decoration-style 屬性。Firefox 支持另一個(gè)可替代該屬性的屬性，即 -moz-text-decoration-style 屬性。

關(guān)于css中text-decoration-style屬性的作用是什么就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的參考價(jià)值，可以學(xué)以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章！