CSS3 border-image-repeat:repeat

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

所用图片:

border-image

效果演示:

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

* border-image-repeat 最多可同时定义2个参数,即水平方向的值和垂直方向的值,当这2个方向都应用相同的方式时,可以合并写成一个。如上例

CSS探索之旅