border-image-repeat
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2017.
border-image-repeat
定义图片如何填充边框。或为单个值,设置所有的边框;或为两个值,分别设置水平与垂直的边框。
语法
css
/* 关键字值 */
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;
值
形式定义
初始值 | stretch |
---|---|
适用元素 | all elements, except internal table elements when border-collapse is collapse . It also applies to ::first-letter . |
是否是继承属性 | 否 |
计算值 | as specified |
动画类型 | 离散值 |
形式语法
示例
不同的取值,查看 border-image
的示例。
规范
Specification |
---|
CSS Backgrounds and Borders Module Level 3 # the-border-image-repeat |
浏览器兼容性
BCD tables only load in the browser