css中的border-left-width屬性怎么用

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

成都網(wǎng)站建設(shè)公司更懂你！創(chuàng)新互聯(lián)只做搜索引擎喜歡的網(wǎng)站！成都網(wǎng)站制作前臺(tái)采用搜索引擎認(rèn)可的DIV+CSS架構(gòu),全站HTML靜態(tài),H5開發(fā)+CSS3網(wǎng)站,提供：網(wǎng)站建設(shè)，微信開發(fā)，微信小程序開發(fā)，購(gòu)物商城網(wǎng)站建設(shè)，重慶APP軟件開發(fā)，域名申請(qǐng)，服務(wù)器租售，網(wǎng)站代托管運(yùn)營(yíng)，微信公眾號(hào)代托管運(yùn)營(yíng)。

cssborder-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）才會(huì)有效果，不然邊框樣式是none，邊框?qū)挾葧?huì)被重置為0?？梢赃@樣理解：必須要先有邊框才會(huì)有邊框?qū)挾取?/p>

3、border-left-width屬性值不允許為負(fù)長(zhǎng)度值。

cssborder-left-width屬性值

thin：細(xì)的左邊框。

medium：中等的左邊框（默認(rèn)）。

thick：粗的左邊框。

length：自定義左邊框的寬度。

inherit：從父元素繼承邊框?qū)挾取?/p>

語(yǔ)法格式

border-left-width:thin/medium/length/inherit;

實(shí)例

<!doctypehtml>

<html>

<head>

<metacharset="UTF-8">

<title>cssborder-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>

<pid="blw1">細(xì)的左邊框</p>

<pid="blw2">中等的左邊框（默認(rèn)）</p>

<pid="blw3">粗的左邊框</p>

<pid="blw4">自定義左邊框的寬度</p>

</body>

</html>

關(guān)于“css中的border-left-width屬性怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

網(wǎng)站題目：css中的border-left-width屬性怎么用
文章網(wǎng)址：http://muchs.cn/article32/jojepc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、App開發(fā)、軟件開發(fā)、、動(dòng)態(tài)網(wǎng)站、響應(yīng)式網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容