【文件属性】：
文件名称：css3背景与边框
文件大小：6.78MB
文件格式：KEY
更新时间：2021-07-28 09:36:58
css3
border-image-slice
该属性值指定浏览器从某处裁剪源图片以获得边框的某部分。图片被分为9部分-包括4个边角，4条边，还有中心块。
（红色线围起来的区域为裁剪区域）
图片边框向内偏移的距离。格式：border-image-slice：top right bottom left。分别指切割背景图片的四条线距离上,右,下,左的距离。
该距离接受数值，百分数，数值不加单位特指像素、
百分比的值是相对于边框背景图片而言的，例如边框图片的大小是300px*240px,我们取百分比为25% 30% 15% 20%，那么它们实际对应的效果就是剪切了图片的60px 90px 36px 60px的四边大小。上下乘高，左右乘宽。
用法和margin，padding取值类似。
四条线将背景图分割成了9个部分，其中1,2,3,4,6,7,8,9这八个区域将会被切割，作为图片边框，如果除了设置数值或者百分数，还加了一个“fill”， 默认舍弃源图片的中心块。一旦使用了fill关键字，源图片的中心块将作为该元素的背景。
border-image-slice: 25 11 fill;
注意：slice不接受负值；如果slice切割的左右距离之和大于背景图的宽，则上下边框不显示。如果slice切割的上下距离之和大于背景图的高，则左右边框不显示。