CSS3 border-image-repeat:repeat　水平和垂直方向均以重复(repeat)方式处理边框图片

浏览器参照基准：Firefox3.6 and Later, Chrome5 and Later, Safari5 and Later, Opera10.53暂不支持, 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 */
	border-image:url(skin/border.png) 27/27px repeat;            /* For Future */
}

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

© Copyright Doyoe.com