CSS3 border-image的使用
来源:互联网 发布:js数组去重是什么 编辑:程序博客网 时间:2024/05/07 02:44
一.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、支持百分比
0 0
- CSS3 border-image的使用
- css3中border-image的使用
- css3 的 border-image
- CSS3 border-image的使用方法
- CSS3: border-image的总结
- border-image的使用
- css3中border-image的用法(fill 、border-image-outset 、border-image-width)
- CSS3的新增属性border-image
- css3 border-image使用说明
- css3 border-image
- CSS3 border-image 属性
- CSS3 Border-image
- CSS3 border-image
- CSS3 border-image属性
- CSS3 border-image详解
- CSS3 border-image属性
- CSS3--border-image整理
- CSS3 border-image
- webix学习2
- NDK编程-局部和全局引用
- 几何不变矩的构造方法
- [69]Sqrt(x)
- D-wave量子退火(quantum annealing)与机器学习
- CSS3 border-image的使用
- 使用GDAL下载并转换SRTM的DEM数据(二)
- 项目1-正差值
- 适配器模式(Adapter Pattern)
- IOS面试宝典
- PHP如何删除文件或文件夹
- poj2253
- AndroidStudio运行时Log显示Empty test suite
- Java防止非法和重复表单提交的方法