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