此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
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 whenborder-collapse iscollapse. 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 |