CSS3 border-image-slice:[number | percentage]{1,4}　边框图片分解方式

浏览器参照基准：Firefox3.6 and Later, Chrome5 and Later, Safari5 and Later, Opera10.53暂不支持, IE系列不做参考

所用图片：

border-image背景图5

实例代码：

border-image:url(skin/border-image5.png) 5 8 5 10/5px 8px 5px 10px repeat stretch;

border-image-slice分割后:

border-image-slice

效果演示：

这是一个粗糙的border-image例子，目的是为了细致的解释border-image-slice属性。
赶紧做个漂亮的图片，给你的border披上华丽的外衣吧

© Copyright Doyoe.com