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 2016年3月.
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-repeat =
[ stretch | repeat | round | space ]{1,2}
示例
不同的取值，查看 border-image 的示例。
规范
| Specification |
|---|
| CSS Backgrounds and Borders Module Level 3 # border-image-repeat |
浏览器兼容性
Loading…