CSS3 border-image-repeat:stretch

浏览器参照基准:Firefox3.6 and Later, Chrome5 and Later, Safari5 and Later, Opera11.50 and Later, IE系列不做参考

所用图片:

border-image

效果演示:

#border-image-stretch{
	-moz-border-image:url(skin/border.png) 27/27px;       /* For firefox3.6+ */
	-webkit-border-image:url(skin/border.png) 27/27px;    /* For Latest Chrome, Safari */
	-o-border-image:url(skin/border.png) 27/27px;         /* For Latest Opera */
	border-image:url(skin/border.png) 27/27px;            /* For Future */
}

* 由于border-image的展现方式默认为拉伸(stretch),所以这里stretch可以省略不写。

CSS探索之旅