border-image-slice

该属性规定图像边框向内偏移。

 

语法

border-image-slice: 50%;
border-image-slice: 20% 10%;
border-image-slice: 20 10% 20;
border-image-slice: 12 23 21 32;
border-image-slice: 23% fill 12 12;
border-image-slice: initial;
border-image-slice: unset;
border-image-slice: inherit;

描述
number 此关键词表示图像中像素或者矢量坐标。
% 此关键词相当于图像尺寸的百分比值。
fill 此关键词表示保留边框图像的中间部分

例子

HTML

<div id="red">
</div>

CSS

#red {
     height: 200px;
     border: 2px dashed red;
     border-image-slice: auto;
     }
   

执行结果

参考