border-image-repeat

语法:

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

默认值stretch

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

继承性:无

取值:

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

说明:

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

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6-10 15 5.1.7 22 11.5-12.5 #1
  1. 不支持:border-image的分拆写法,只实验性质支持单一属性border-image。

示例: