溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css中的text-decoration-line屬性怎么用

發(fā)布時間：2022-02-25 11:35:28 來源：億速云 閱讀：237 作者：小新 欄目：web開發(fā)

小編給大家分享一下css中的text-decoration-line屬性怎么用，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

　　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:underlineoverline;），在文本的上方和下方都顯示線條.

　　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í)例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="utf-8"/>

　　<title>csstext-decoration-line屬性文本修飾的線條類型</title>

　　<styletype="text/css">

　　p{text-decoration:underline;}

　　#p1{text-decoration-line:overline;-moz-text-decoration-line:overline;}

　　#p2{text-decoration-line:underline;-moz-text-decoration-line:underline;}

　　#p3{text-decoration-line:line-through;-moz-text-decoration-line:line-through;}

　　#p4{text-decoration-line:overlineunderline;-moz-text-decoration-line:overlineunderline;}

　　</style>

　　</head>

　　<body>

　　<pid="p1">text-decoration-line屬性演示1</p>

　　<pid="p2">text-decoration-line屬性演示2</p>

　　<pid="p3">text-decoration-line屬性演示3</p>

　　<pid="p4">text-decoration-line屬性演示4</p>

　　</body>

　　</html>

css中的text-decoration-line屬性怎么用

看完了這篇文章，相信你對“css中的text-decoration-line屬性怎么用”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手