CSS3 border-image-repeat 属性
实例
设置重复图像的方式:
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
{
border-image-source: url(border.png);
border-image-repeat: round;
}
浏览器支持
任何浏览器都不支持border-im-repeat属性。
请查看 border-image 属性,border-image属性取代了border-image-repeat属性
属性定义及使用说明
border-image -repeat属性指定图像边界是否应重复,圆角或拉伸。
默认值: | stretch |
---|---|
继承: | no |
版本: | CSS3 |
JavaScript 语法: | object.style.borderImageRepeat="round" |
语法
border-image-repeat: stretch|repeat|round;
注意: 此属性指定边界图像中间部分如何向两侧图像缩放和平铺。在这里您可以指定两个值。如果第二个值被省略,它被假定为为第一个。
值 | 说明 |
---|---|
stretch | 图像被拉伸来填充该地区 |
repeat | 图像平铺(重复)来填充该地区 |
round | 重复图像以填充该区域。如果区域不是图像的整数倍,则会将图像重新缩放成合适的大小 |