DevShelf

Appearance

border-image-slice ​

描述 ​

该 border-image-slice 属性指定图像的上边缘、右边缘、下边缘和左边缘的向内偏移，将其划分为九个区域：四个角、四个边缘和一个中间。中间的图像部分将被丢弃（被视为完全透明），除非存在“fill”关键字。

效果展示 ​

语法 ​

css
border-image-slice: [<number> | <percentage>]{1,4} && fill?

值 ​

  • <number> 数字表示图像中的像素（如果图像是光栅图像）或矢量坐标（如果图像是矢量图像）。
  • <percentage> 百分比相对于图像的大小：水平偏移的图像宽度，垂直偏移的高度。
  • fill “fill”关键字（如果存在）会导致保留边框图像的中间部分。（默认情况下，它被丢弃，即被视为空。