DevShelf

Appearance

border-image-repeat ​

描述 ​

该 border-image-repeat 属性指定边框图像的边和中间部分的图像如何缩放和平铺。第一个关键字适用于水平边，第二个关键字适用于垂直边。如果第二个关键字不存在，则假定它与第一个关键字相同。

效果展示 ​

语法 ​

css
border-image-repeat: [ stretch | repeat | round | space ]{1,2}

值 ​

  • stretch 拉伸图像以填充该区域。
  • repeat 图像平铺（重复）以填充该区域。
  • round 图像平铺（重复）以填充该区域。如果未使用整数切片填充该区域，则会重新缩放图像，以便缩放图像。
  • space 图像平铺（重复）以填充该区域。如果没有用整数块填充该区域，则额外的空间将分布在图块周围。