实例
规定图像边框的向内偏移:
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 属性
其他扩展