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