這篇文章給大家分享的是有關(guān)css中border-image-width屬性如何使用的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),臨澧企業(yè)網(wǎng)站建設(shè),臨澧品牌網(wǎng)站建設(shè),網(wǎng)站定制,臨澧網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,臨澧網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿(mǎn)足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶(hù)成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

css border-image-width屬性用于指定圖像邊界的寬度，可以設(shè)置4個(gè)值（不可為負(fù)值），把邊框圖像分割為九個(gè)部分。它們代表了從區(qū)域的上、右、下、左側(cè)向內(nèi)的距離。

css border-image-width屬性怎么用？

border-image-width屬性規(guī)定圖像邊框的寬度。

語(yǔ)法：

border-image-width: number|%|auto;

屬性值：

number：表示相應(yīng)的border-width 的倍數(shù)

%：邊界圖像區(qū)域的大?。簷M向偏移的寬度的面積，垂直偏移的高度的面積

auto：如果指定了，寬度是相應(yīng)的image-slice的內(nèi)在寬度或高度。

注釋?zhuān)?/strong>

border-image-width 屬性的的4個(gè)值指定用于把邊框圖像分割為九個(gè)部分。它們代表了從區(qū)域的上、右、下、左側(cè)向內(nèi)的距離。

如果忽略第四個(gè)值，則與第二個(gè)值相同。如果省略第三個(gè)值，則與第一個(gè)值相同。如果省略第二個(gè)值，則與第一個(gè)值相同。不允許任何負(fù)值作為 border-image-width 值。

css border-image-width屬性 示例

	
		
		
	
	
		
DIV 使用圖像邊框
		
使用的圖片:
		

	

效果圖：

感謝各位的閱讀！關(guān)于css中border-image-width屬性如何使用就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！