一.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、支持百分比