這篇文章將為大家詳細(xì)講解有關(guān)css中text-decoration-line屬性如何使用，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

為廣德等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及廣德網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作、廣德網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

text-decoration-line屬性定義及用法

在css中，text-decoration-line屬性是使用來規(guī)定文本修飾要使用的線條類型，如果需要同時設(shè)置text-decoration-line、text-decoration-style 和 text-decoration-color 屬性的值，可以使用text-decoration屬性。text-decoration屬性可以將這三個屬性定義在一個聲明中。text-decoration-line屬性支持多個屬性值，比如使用underline和overline（text-decoration-line:underline overline;），在文本的上方和下方都顯示線條.

text-decoration-line屬性是css3中新增的屬性，目前主流瀏覽器都還不支持該屬性，但是Firefox瀏覽器支持另一個可替代該屬性的屬性（-moz-text-decoration-line屬性）。

text-decoration-line屬性語法格式

css語法：text-decoration-line: none/underline/overline/line-through/initial/inherit

JavaScript語法：object.style.textDecorationLine="overline"

屬性值說明

none：默認(rèn)值，規(guī)定文本修飾沒有線條

underline ：規(guī)定文本的下方將顯示一條線

overline：規(guī)定文本的上方將顯示一條線

line-through：規(guī)定文本的中間將顯示一條線

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

inherit：從父元素繼承text-decoration-line屬性的值

實(shí)例

text-decoration-line屬性演示1
text-decoration-line屬性演示2
text-decoration-line屬性演示3
text-decoration-line屬性演示4

運(yùn)行結(jié)果

關(guān)于css中text-decoration-line屬性如何使用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。