css探索之旅 » web前端实验室 » CSS3 border-image-repeat

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

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

所用图片：

效果演示：

#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 */
	border-image:url(skin/border.png) 27/27px;            /* For Future */
}

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

© Copyright Doyoe.com