例
指定如何重复图像边框：
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
试一试» 定义和用法
边框图像重复属性指定边界图像是否应重复，圆形或拉长。
提示：请在边界图像属性(a shorthand property for setting all the border-image-* properties) 。
| 默认值： | stretch |
|---|---|
| 遗传： | no |
| 动画： | no. Read about animatable |
| 版： | CSS3 |
| JavaScript语法： | object .style.borderImageRepeat="round" Try it |
浏览器支持
在表中的数字规定，完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| border-image-repeat | 15.0 | 11.0 | 15.0 | 6 | 15.0 |
CSS语法
border-image-repeat: stretch|repeat|round|initial|inherit;Note:此属性指定如何为两侧和边界图像的中间部分的图像被缩放和瓷砖。 所以，你可以在这里指定两个值。 如果省略了第二值，它被假定为相同的第一个。
属性值
| 值 | 描述 | 播放 |
|---|---|---|
| stretch | 默认值。 图像被拉伸以填充该区域 | 播放 ” |
| repeat | 图像平铺(repeated) ，以填补区域 | 播放 ” |
| round | 图像被平铺(repeated)来填充该区域。 如果它不与瓦片的整数填充区，图像被重新缩放，以便它适合 | 播放 ” |
| space | 图像被平铺(repeated)来填充该区域。 如果它不与瓦片的整数填充区，额外的空间绕瓦片分布 | |
| initial | 将此属性设置为默认值。 阅读关于初始 | 播放 ” |
| inherit | 继承其父元素此属性。 阅读关于继承 |
相关页面
CSS3教程： CSS3边框图片
CSS参考： border-image property
CSS参考： border-image-outset property
CSS参考： border-image-slice property
CSS参考： border-image-source property
CSS参考： border-image-width property
HTML DOM参考： borderImageRepeat property