CSS3 border-image的使用

一.border-image的兼容性：

Internet Explorer 11, Firefox, Opera 15, Chrome 以及 Safari 6 支持 border-image 属性。

Safari 5 支持替代的 -webkit-border-image 属性。

二.定义与用法

border-image的参数就是上面提到的三个：图片，剪裁位置，重复性。

  1、图片(border-image-source)

   使用url()来指定图片位置(如果图片路径中含有中文需要使用引号""包含图片路径)

2、图片剪裁位置(border-image-slice)
参数特点：
1、没有单位，专指像素。这类似于flash的as脚本，舞台高宽，影片剪辑大小，位移直接就是一个数值，没有单位，因为默认单位就是像素(px)了(需要注意如果在使用中添加了px单位会导致border-image错误，所有浏览器无法解析)

2、支持百分比