1、 border-image-source :表示是否使用图片;
2、 border-image-slice:指边框图像顶部、左侧、顶部、右侧的内偏移量; 属性值: (1)number: 数字值,代表图像中像素(如果是光栅图像)或矢量坐标(如 果是矢量图像)。 (2)% : 相对于图像尺寸的百分比值:图像的宽度影响水平偏移,高度影响 垂直偏移。 (3)fill : 为可选属性值,假如指定,那么中间第九块不是透明块,假如不指定,那么为透明图片处理作用:如下图;把边框图像切成 9 个区域:4 个角、4 边区域和一个中间部位,可称作9宫格,假如说不应用fill这个可选属性值的话,那么中间第九块格子被当做透明不见;

3、 border-image-width:指图片边框的宽度。 属性值: (1)number :代表对应的 border-width 的倍数。 (2)%: 参考边框图像区域的尺寸:区域的高度影响水平偏移,宽度影响垂 直偏移。 (3)auto:如果规定该属性,则宽度为对应的图像切片的固有宽度。 作用:代替盒子本身的边框宽度 border-width
4、 border-image-outset:指边框图像区域超出边框的量。 属性值: (1)length:具体的像素单位 (2)number:具体的数字;代表对应的 border-width 的倍数。 作用:让边框背景延伸到盒子外
5、border-image-repeat:该属性规定如何延展和铺排边框图像的边缘和中间部分。因此,可 以规定两个值。如果省略第二个值,则采取与第一个值相同的值。 属性值: (1)repeat:平铺(重复)图像来填充区域 (2)round: 如果无法完整平铺所有图像,则对图像进行缩放以适应区域 (3)stretch:拉伸图像来填充区域 作用:图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。