CSS3 border-image-slice:[number | percentage]{1,4}

浏览器参照基准:Firefox3.6 and Later, Chrome5 and Later, Safari5 and Later, Opera11.50 and Later, 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披上华丽的外衣吧

CSS探索之旅