CSS3 border-image-width 屬性
實例
規(guī)定圖像邊框的寬度:
div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}
定義和用法
border-image-width 屬性規(guī)定圖像邊框的寬度。
默認值: | none |
---|---|
繼承性: | no |
版本: | CSS3 |
JavaScript 語法: | object.style.borderImageWidth="30 30" |
語法
border-image-width: number|%|auto;
注釋:border-image-width 屬性的四個之規(guī)定將邊框圖像分割為九個部分的偏移。它們代表了從區(qū)域的上、右、下、左側(cè)向內(nèi)的距離。如果忽略第四個值,則與第二個值相同。如果省略第三個值,則與第一個值相同。如果省略第二個值,則與第一個值相同。不允許任何負值作為 border-image-width 值。
值 | 描述 |
---|---|
number | 代表對應(yīng)的 border-width 的倍數(shù)。 |
% | 參考邊框圖像區(qū)域的尺寸:區(qū)域的高度影響水平偏移,寬度影響垂直偏移。 |
auto | 如果規(guī)定該屬性,則寬度為對應(yīng)的圖像切片的固有寬度。 |
相關(guān)頁面
CSS3 教程:CSS3 邊框