Border-image

border-image ： none | <image> [ <number> | <percentage>]{1,4} [ / <border-width>{1,4} ]? [ stretch | repeat | round ]{0,2}

相关属性 ： border-image：border-top-image , border-right-image , border-bottom-image , border-left-image
　　　　　　border-corner-image：border-top-left-image , border-top-right-image , border-bottom-left-image , border-bottom-right-image

none：

默认值。无背景图。

<image>：

使用绝对或相对 url 地址指定背景图像。

<number>：

边框宽度用固定像素值表示。

<percentage>：

边框宽度用百分比表示。

[ stretch | repeat | round ]：

拉伸 | 重复 | 平铺 (其中stretch是默认值。)

 

1. 使用图片作为对象的边界。

当table设置border-collapse为collapse无效。

引擎类型	Gecko	Webkit	Presto
Border-image	-moz-border-image	-webkit-border-image

类型	Internet Explorer	Firefox	Chrome	Opera	Safari
版本	(×)IE6	(×)Firefox 2.0	(√)Chrome 1.0.x	(×)Opera 9.64	(√)Safari 3.1
	(×)IE7	(×)Firefox 3.0	(√)Chrome 2.0.x		(√)Safari 4
	(×)IE8	(√)Firefox 3.5

使用的图片: