borderimageslice
收藏：0
阅读：26
Style borderImageSlice 属性
实例
规定图像边框的向内偏移：
document.getElementById("myDIV").style.borderImageSlice="50% 10%";
定义和用法
borderImageSlice 属性规定图像边框的向内偏移。
浏览器支持
Opera 不支持 borderImageSlice 属性。
Internet Explorer 10 及其之前的版本不支持 borderImageSlice 属性。
Safari 5 及其之前的版本不支持 borderImageSlice 属性。
请参阅 borderImage 属性来替代它！
语法
返回 borderImageSlice 属性：
object.style.borderImageSlice
设置 borderImageSlice 属性：
object.style.borderImageSlice="number|%|fill|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| number | 表示图像像素（如果图像是光栅图像）或矢量坐标（如果图像是矢量图像）的数字。 |
| % | 表示相对于图像大小的百分比：水平偏移参照图像的宽度，垂直偏移参照图像的高度。默认值是 100%。 |
| fill | 使边框图像中间部分被保留下来。 |
| initial | 设置该属性为它的默认值。请参阅 initial。 |
| inherit | 从父元素继承该属性。请参阅 inherit。 |
技术细节
| 默认值： | 100% |
|---|---|
| 返回值： | 字符串，表示元素的 border-image-slice 属性。 |
| CSS 版本 | CSS3 |
相关文章
CSS 参考手册：border-image-slice 属性