css中的border-image-repeat属性怎么用

小编给大家分享一下css中的border-image-repeat属性怎么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
　　CSS3border-image-repeat属性
　　作用：规定图像边框是否应该被重复（repeated）、拉伸（stretched）或铺满（rounded）。
　　语法：
　　border-image-repeat:stretch|repeat|round|space;
　　stretch：表示拉伸图像来填充区域
　　repeat：表示平铺（重复）图像来填充区域。
　　round：类似repeat值；如果无法完整平铺所有图像，则对图像进行缩放以适应区域。
　　space：类似repeat值。如果无法完整平铺所有图像，扩展空间会分布在图像周围
　　说明：border-im免费云主机、域名age-repeat属性规定如何延展和铺排边框图像的边缘和中间部分。因此，您可以规定两个值。如果省略第二个值，则采取与第一个值相同的值。
　　注：InternetExplorer10,Opera12和Safari5不支持border-image-repeat属性。
　　CSS3border-image-repeat属性的使用示例
　　

　　div{
　　margin:50px;
　　border:30pxsolidtransparent;
　　border-image:url(‘https://img.php.cn/upload/article/000/000/024/5c62637b1a4fe853.png’);
　　border-image-slice:25;
　　}
　　.round{
　　border-image-repeat:round;
　　}
　　.repeat{
　　border-image-repeat:repeat;
　　}
　　.stretc{
　　border-image-repeat:stretc;
　　}
　　
　　
　　
　　 　　DIV使用图像边框–round
　　

相关推荐: 如何使用webpack构建一个库

这篇文章主要为大家展示了“如何使用webpack构建一个库”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“如何使用webpack构建一个库”这篇文章吧。构建一个库与构建一个一般应用最大的不同点在于构建完成后输出的产物…