border-image-repeat

border-image-repeat语法:

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

默认值stretch

适用于:所有元素,除table元素设置了border-collapse为collapse之外

继承性:无

动画性:否

计算值:指定值

取值:

stretch:
指定用拉伸方式来填充边框背景图。
repeat:
指定用平铺方式来填充边框背景图。当图片碰到边界时,如果超过则被截断。
round:
指定用平铺方式来填充边框背景图。图片会根据边框的尺寸动态调整图片的大小直至正好可以铺满整个边框。
space:
指定用平铺方式来填充边框背景图。图片会根据边框的尺寸动态调整图片的之间的间距直至正好可以铺满整个边框。

说明:

设置或检索对象的边框图像的平铺方式。
  • 该属性用于指定边框背景图的填充方式。可定义0-2个参数值,即水平和垂直方向。如果2个值相同,可合并成1个,表示水平和垂直方向都用相同的方式填充边框背景图;如果2个值都为stretch,则可省略不写。
  • 对应的脚本特性为borderImageOutset

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0-10.0 15.0-25.0 #1 5.1.7 #1 15.0-31.0 #1 10.5-14.0
版本 11.0 #1 15.0-18.0 #1
  1. 不支持 space 属性值。

border-image-repeat示例: