在學(xué)習(xí)web前端有不懂的地方或者遇到問題可以找我瘤袖,本人前端已經(jīng)從業(yè)8年衣摩,有豐富的經(jīng)驗,資料筆記捂敌,視頻艾扮,需要的歡迎加入我的web前端學(xué)習(xí)群?點擊進(jìn)入1045267283
1.css border-left-width 定義及用法
1、在css中占婉,border-left-width屬性是用來設(shè)置元素的左邊框的寬度泡嘴。相似的屬性有:border-top-width屬性、border-bottom-width屬性逆济、border-right-width屬性酌予,其用法和border-left-width屬性一樣。
2奖慌、border-left-width屬性設(shè)置之前要先設(shè)置邊框樣式(border-style或border-left-style)才會有效果抛虫,不然邊框樣式是none,邊框?qū)挾葧恢刂脼?0简僧±嘲可以這樣理解:必須要先有邊框才會有邊框?qū)挾取?/p>
3、border-left-width屬性值不允許為負(fù)長度值涎劈。
1.css border-left-width屬性值
thin:細(xì)的左邊框广凸。
medium:中等的左邊框(默認(rèn))。
thick :粗的左邊框蛛枚。
length:自定義左邊框的寬度谅海。
inherit:從父元素繼承邊框?qū)挾取?/p>
語法格式
1.border-left-width:thin / medium / length / inherit;
實例
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css border-left-width屬性筆記</title>
<style>
p{border-style:solid;}
#blw1{border-left-width:thin;}
#blw2{border-left-width:medium;}
#blw3{border-left-width:thick;}
#blw4{border-left-width:10px;}
</style>
<head/>
<body>
<p id="blw1">細(xì)的左邊框</p>
<p id="blw2">中等的左邊框(默認(rèn))</p>
<p id="blw3">粗的左邊框</p>
<p id="blw4">自定義左邊框的寬度</p>
</body>
</html>
相關(guān)內(nèi)容鏈接,希望能幫助大家蹦浦!