开发工具:
文件大小: 6mb
下载次数: 0
上传时间: 2018-07-08
详细说明: border-image-slice 该属性值指定浏览器从某处裁剪源图片以获得边框的某部分。图片被分为9部分-包括4个边角,4条边,还有中心块。 (红色线围起来的区域为裁剪区域) 图片边框向内偏移的距离。格式:border-image-slice:top right bottom left。分别指切割背景图片的四条线距离上,右,下,左的距离。 该距离接受数值,百分数,数值不加单位特指像素、 百分比的值是相对于边框背景图片而言的,例如边框图片的大小是300px*240px,我们取百分比为25% 30% 15% 20%,那么它们实际对应的效果就是剪切了图片的60px 90px 36px 60px的四边大小。上下乘高,左右乘宽。 用法和margin,padding取值类似。 四条线将背景图分割成了9个部分,其中1,2,3,4,6,7,8,9这八个区域将会被切割,作为图片边框,如果除了设置数值或者百分数,还加了一个“fill”, 默认舍弃源图片的中心块。一旦使用了fill关键字,源图片的中心块将作为该元素的背景。 border-image-slice: 25 11 fill; 注意:slice不接受负值;如果slice切割的左右距离之和大于背景图的宽,则上下边 框不显示。如果slice切割的上下距离之和大于背景图的高,则左右边框不显示。 ...展开收缩
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台,提供交流渠道,下载内容来自于网络,除下载问题外,其它问题请自行百度。
- 本站已设置防盗链,请勿用迅雷、QQ旋风等多线程下载软件下载资源,下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载,请稍后再次尝试;或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎,请到消费记录里找到下载记录反馈给我们,经确认后退回积分.
- 如下载前有疑问,可以通过点击"提供者"的名字,查看对方的联系方式,联系对方咨询.