这篇文章主要介绍CSS3中border-image-repeat属性怎么用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
设置重复图像的方式：
div {
border-image-source: url(border.png);
border-image-repeat: repeat;
}
border-image-repeat 属性用于图像边界是否应重复（repeated）、拉伸（stretched）或铺满（rounded）。
CSS 语法
border-image-repeat: stretch|repeat|round|initial|inherit;
注意： 该属性规定如何延展和铺排边框图像的边缘和中间部分。因此，您可以规定两个值。如果省略第二个值，则采取与第一个值相同的值。
属性值
1.stretch 默认值。拉伸图像来填充区域
2.repeat 平铺（repeated）图像来填充区域。
3.round 类似 repeat 值。如果无法完整平铺所有图像，则对图像进行缩放以适应区域。
4.initial 将此属性设置为默认值。查看 initial
5.inherit 从父元素中继承该属性。
以上是“CSS3中border-image-repeat属性怎么用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
