CSS border-image-slice 属性

指定如何切片边框图片：

#borderimg {
border-image-slice: 30%;
}

定义和用法

这个border-image-slice属性指定如何对指定的图片进行切片边框图片源。图片总是被分割成九个部分：四个角、四个边缘和中间。

除非设置了 fill 关键字，否则 "middle" 部分将被视为完全透明。

提示：另请参阅边框图片property（用于设置所有 border-image-* 属性的简写属性）。

默认值：	100%
遗传：	不
可动画：	不。阅读可动画的
版本：	CSS3
JavaScript 语法：	对象.style.borderImageSlice="30%"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
border-image-slice	15.0	11.0	15.0	6.0	15.0

border-image-slice: number| %|fill|initial|inherit;

笔记：这个border-image-slice属性可以采用一到四个值。如果省略第四个值，则与第二个值相同。如果第三个也省略，则与第一个相同。如果第二个也省略，则与第一个相同。

Value	Description	Play it
number	The number(s) represent pixels for raster images or coordinates for vector images	Demo ❯
%	Percentages are relative to the height or width of the image	Demo ❯
fill	Causes the middle part of the image to be displayed	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit