定義和(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ì)應的圖像切片的固有寬度。 |