border-image-repeat属性怎么用


本文摘自PHP中文网,作者青灯夜游,侵删。

border-image-repeat属性是用于指定图像边框是否应被重复(repeated)、拉伸(stretched)或铺满(rounded)的。

CSS3 border-image-repeat属性

作用:规定图像边框是否应该被重复(repeated)、拉伸(stretched)或铺满(rounded)。

语法:

1

border-image-repeat: stretch|repeat|round|space;

stretch:表示拉伸图像来填充区域

repeat:表示平铺(重复)图像来填充区域。

round:类似 repeat 值;如果无法完整平铺所有图像,则对图像进行缩放以适应区域。

space:类似 repeat 值。如果无法完整平铺所有图像,扩展空间会分布在图像周围

说明:border-image-repeat属性规定如何延展和铺排边框图像的边缘和中间部分。因此,您可以规定两个值。如果省略第二个值,则采取与第一个值相同的值。

注: Internet Explorer 10, Opera 12 和 Safari 5 不支持 border-image-repeat 属性。

阅读剩余部分

相关阅读 >>

css3如何实现聊天气泡效果?(代码示例)

css3中column-span有什么用

关于老式浏览器兼容html5和css3的问题详解

opacity属性怎么用

css3中box-sizing属性的解析(附代码)

css3支持为网页添加多个背景图片吗

css3是什么意思

css3实现条状百分比效果

css3中的2d变形有哪些

h5和css3有哪些新特性

更多相关阅读请进入《border-image-repeat》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...