语法如下:
element {
border-image-repeat: value;
}
其中 element 是你想要应用这个属性的 HTML 元素,而 value 则是你希望设置的边框图像重复方式,可以是 stretch、repeat、round 或者 space。
- stretch: 图像会被拉伸以填充整个边框。
- repeat: 图像会平铺重复填充整个边框,不进行缩放。
- round: 图像会按比例缩放以填充整个边框,可能进行部分裁切。
- space: 图像会按比例缩放以填充整个边框,但不进行裁切,如果有剩余空间,会在图像之间留有空白。
例如:
div {
border-image-repeat: repeat;
}
上述代码会使 <div> 元素的边框图像以平铺方式重复填充整个边框。
这个属性可以用来调整边框图像的显示方式,以满足设计的需要。
转载请注明出处:http://www.zyzy.cn/article/detail/6011/CSS