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;
     }

执行结果

参考

相关链接

外部链接


跳至内容顶部