## border-image-width 属性 ## 定义和用法 border-image-width 属性规定图像边框的宽度。 JavaScript 语法：object.style.borderImageWidth="30 30" ## 语法 ~~~ border-image-width: number|%|auto; ~~~ **注意：**border-image -width的4个值指定用于把border图像区域分为九个部分。他们代表上，右，底部，左，两侧向内距离。如果第四个值被省略，它和第二个是相同的。如果也省略了第三个，它和第一个是相同的。如果也省略了第二个，它和第一个是相同的。负值是不允许的。 | 值 | 描述 | | --- | --- | | *number* | 代表对应的 border-width 的倍数。 | | *%* | 参考边框图像区域的尺寸：区域的高度影响水平偏移，宽度影响垂直偏移。 | | *auto* | 如果规定该属性，则宽度为对应的图像切片的固有宽度。 | ## 实例 规定图像边框的宽度： ~~~ div { border-image-source: url(border.png); border-image-width: 30 30; } ~~~