CSS 3 border-image-slice 属性 - CSS 参考手册

CSS border-image-slice 属性指定图像的边界向内偏移

默认值	100%
继承	no
版本	CSS3
JavaScript 语法:	object.style.borderImageSlice="50% 50%"

语法

border-image-slice: *number* | *%* |fill;

此属性指定顶部，右，底部，左边缘的图像向内偏移，分为九个区域：四个角，四边和中间

图像中间部分将被丢弃（完全透明的处理），除非填写关键字

如果省略第四个数字/百分比，它和第二个相同的

如果也省略了第三个，它和第一个是相同的

如果也省略了第二个，它和第一个是相同的

值	说明
number	数字表示图像的像素（位图图像）或向量的坐标（如果图像是矢量图像）
%	百分比图像的大小是相对的：水平偏移图像的宽度，垂直偏移图像的高度
fill	保留图像的中间部分

下表中的数字表示支持该属性的第一个浏览器版本号


15.0	11.0	15.0	6.0	15.0

指定图像的边界向内偏移

div {
    border-image-source: url(/static/i/css3/border.png);
    border-image-slice: 50% 50%;
}