DevShelf

Appearance

border-image-width ​

描述 ​

该 border-image-width 属性指定用于将边框图像区域划分为九个部分的偏移量。它们分别表示距该区域顶部、右侧、底部和左侧的向内距离。如果缺少左侧宽度，则与右侧宽度相同;如果底部缺失，则与顶部相同;如果缺少右侧，则与顶部相同。

效果展示 ​

语法 ​

css
border-image-width: [ <length> | <percentage> | <number> | auto ]{1,4}

值 ​

  • <number> 数字表示相应计算的边框宽度的倍数。
  • <length>
  • <percentage> 百分比是指边框图像区域的大小：水平偏移的区域宽度，垂直偏移的高度。
  • auto 如果指定了“auto”，则边框图像宽度是相应图像切片的固有宽度或高度（以适用者为准）。如果图像没有所需的内在尺寸，则改用相应的边框宽度。