做自(zì)由與創造的先行者

CSS border-image-width 屬性

CSS中文(wén)手冊

定義和(hé)用(yòng)法

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

實例

規定圖像邊框的寬度:

div

{

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

border-image-width: 30 30;

}

CSS 語法

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

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

屬性值

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