您好,登錄后才能下訂單哦!
css中border-top-width屬性如何使用?很多人都不太了解,今天小編為了讓大家更加了解border-top-width屬性,所以給大家總結(jié)了以下內(nèi)容,一起往下看吧。
css border-top-width屬性定義及用法
在css中,border-top-width屬性是用來設(shè)置元素頂部邊框?qū)挾鹊模?dāng)我們要單獨(dú)對(duì)元素頂部邊框?qū)挾冗M(jìn)行設(shè)置的時(shí)候,就可以使用該屬性。如果我們同時(shí)還要設(shè)置元素頂部邊框的其它屬性(border-top-style屬性、border-top-color屬性),我們可以使用border-top屬性將這些元素頂部邊框?qū)傩远x到一個(gè)聲明中??梢陨賹憥仔写a,可讀性更好。
注意:元素單獨(dú)使用border-top-width屬性看不出效果,因?yàn)樵剡吙蚰J(rèn)是透明的,對(duì)透明的邊框設(shè)置寬度是看不到效果的,所以使用border-top-width屬性就得定義頂部邊框樣式(border-top-style)。
css border-top-width屬性語法格式
css語法:border-top-width: thin / medium / thick / length / inherit
JavaScript語法:object.style.borderTopWidth=" thin / medium / thick / length / inherit"
css border-top-width屬性值說明
thin:細(xì)的邊框
medium:中等的邊框(默認(rèn))
thick :粗的邊框
length:自定義邊框的寬度(例:8px;)
Inherit:從父元素繼承邊框?qū)挾?/p>
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>css border-top-width屬性設(shè)置頂部邊框?qū)挾裙P記</title> <style type="text/css"> body{background: #ddd;font-size:20px;} #a,#b,#c,#d{margin-top:18px;width:360px;border-top-style:solid;} #a{border-top-width:thin;} #b{border-top-width:medium;} #c{border-top-width:thick;} #d{border-top-width:6px;} </style> </head> <body> <div id = "a">thin:細(xì)的邊框</div> <div id = "b">medium:中等的邊框(默認(rèn));</div> <div id = "c">thick :粗的邊框;</div> <div id = "d">6px:自定義邊框的寬度為6px;</div> </body> </html>
運(yùn)行結(jié)果
以上就是css中border-top-width屬性如何使用的詳細(xì)內(nèi)容了,看完之后是否有所收獲呢?如果想了解更多相關(guān)內(nèi)容,歡迎來億速云行業(yè)資訊
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。