CSS学习札记-clip属性
来源:互联网 发布:卖家开通淘宝客要求 编辑:程序博客网 时间:2024/05/20 00:50
时间:2017-07-21 星期五
如果图像大于包含它的元素,可以使用clip属性的rect属性关键字来进行一定的裁剪。
#clip属性的关键字
auto: 是默认值,不应用任何剪裁。
rect: 以矩形进行裁剪,rect(top right bottom left)
inherit: 不支持ie什么的,理论上应该是从父元素继承 clip 属性的值
#rect属性关键词介绍
真正有用到的可能会是rect属性,rect属性中的top->right->bottom->left也是和border-width等等类似的顺时针方向给出定义的值的,只是这里的top值是指裁剪时距离原图的上边界的px, right是指裁剪时距离原图左边界的px,bottom是指裁剪时距离原图的上边界的px,left是指裁剪时距离原图左边界的px。
#rect使用示例
1:未使用clip时
2:使用clip后
#tips:如果同时使用了overflow属性,或者position未设置为absolute则不会生效clip属性设定
滚去继续学习~
阅读全文
0 0
- CSS学习札记-clip属性
- css中clip属性
- css 的clip属性
- CSS clip 属性
- CSS clip 属性
- css中clip属性
- CSS中的clip属性
- CSS clip属性理解
- CSS clip 属性
- CSS background-clip属性
- CSS之Background-clip属性
- CSS中内容的剪切属性clip
- 神奇的css属性clip-path
- css{clip:rect}好玩的属性
- 【CSS】background-clip属性解决background问题。
- clip属性
- clip属性
- 利用CSS的Clip属性来创造多彩文字
- js初学
- c语言指针杂谈(一)
- Spring-mvc 3.2 ServletAPI
- 判断一个字符串的ip是否是IP合法的ip地址
- im2double的用法
- CSS学习札记-clip属性
- PMP流程结构整理
- Fragment学习
- c++ const 关键字 const与#define区别
- C#设计模式(三)工厂方法模式
- 军事联合作战仿真系统
- RAID概述
- 通过原型继承创建新对象
- pdfbox 解析 PDF转HTML、Text文件