CSS3 border-image 属性

-moz-border-image: url(/i/border_image_button.png) 0 14 0 14 stretch; /* 老版本的 Firefox */
-webkit-border-image: url(/i/border_image_button.png) 0 14 0 14 stretch; /* Safari */
-o-border-image: url(/i/border_image_button.png) 0 14 0 14 stretch; /* Opera */
border-image: url(/i/border_image_button.png) 0 14 0 14 stretch;

例如：border-image:url(border.png) 27 repeat;，指的就是图片(url(border.png))，剪裁位置(27)，
重复方式(repeat)。试着对比background，这有助于border-image属性的记忆。
border-image的参数就是上面提到的三个：图片，剪裁位置，重复性。

border-image:url:(images/WhiteButton.png) 0 12 0 12 stretch stretch;
“0 12 0 12”：按顺时针方向分别是上右下左边框的宽度，即上：0；右：12；下：0;左：12。
stretch | repeat | round 即为除去边框后的图像拉伸的方法，第一个stretch为上下拉伸方法，第二个stretch为左右拉伸方法：
stretch：指定用拉伸方式来填充边框背景图。
repeat：指定用平铺方式来填充边框背景图。当图片碰到边界时，如果超过则被截断。
round：指定用平铺方式来填充边框背景图。图片会根据边框的尺寸动态调整图片的大小直至正好可以铺满整个边框。