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; }
执行结果