border-image-repeat 定义图片如何填充边框。或为单个值，设置所有的边框；或为两个值，分别设置水平与垂直的边框。
语法
/* 关键字值 */
border-image-repeat: stretch;
border-image-repeat: repeat;
border-image-repeat: round;
border-image-repeat: space;
/* 上、下 | 左、右 */
border-image-repeat: round stretch;
/* 全局值 */
border-image-repeat: inherit;
border-image-repeat: initial;
border-image-repeat: revert;
border-image-repeat: revert-layer;
border-image-repeat: unset;
值
- type
- :
stretch,repeat,round,space选一。属于单个值的情况。
- :
- horizontal
- :
stretch,repeat,round,space选一。属于两个值的情况。
- :
- vertical
- :
stretch,repeat,round,space选一。属于两个值的情况。
- :
stretch- : 拉伸图片以填充边框。
repeat- : 平铺图片以填充边框。
round- : 平铺图像。当不能整数次平铺时，根据情况放大或缩小图像。
space- : 平铺图像。当不能整数次平铺时，会用空白间隙填充在图像周围（不会放大或缩小图像）
inherit- : 继承父级元素的计算值。
形式定义
{{CSSInfo}}
形式语法
{{csssyntax}}
示例
不同的取值，查看 {{cssxref("border-image")}} 的示例。