做(zuò)自(zì)由與創造的先行(xíng)者

CSS border-image-width 屬性

CSS中文手冊

定義和(hé)用法

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

實例

規定圖像邊框的寬度:

div

{

border-image-source: url(border.png);

border-image-width: 30 30;

}

CSS 語法

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

注釋:border-image-width 屬性的四個之規定将邊框圖像分割為(wèi)九個部分的偏移。它們代表了(le)從(cóng)區(qū)域的上(shàng)、右、下(xià)、左側向內(nèi)的距離。如(rú)果忽略第四個值,則與第二個值相同。如(rú)果省略第三個值,則與第一(yī)個值相同。如(rú)果省略第二個值,則與第一(yī)個值相同。不允許任何負值作(zuò)為(wèi) border-image-width 值。

屬性值

描述
number 代表對應的 border-width 的倍數(shù)。
% 參考邊框圖像區(qū)域的尺寸:區(qū)域的高度影響水平偏移,寬度影響垂直偏移。
auto 如(rú)果規定該屬性,則寬度為(wèi)對應的圖像切片的固有寬度。
網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發
下(xià)一(yī)篇:CSS border-left 屬性
上(shàng)一(yī)篇:CSS border-image-source 屬性