clip(clip CSS属性)
生活百科 2023-01-17 20:14生活百科www.aizhengw.cn
clip(clip CSS属性)
属性定义
CSSclip 属性允许你指定一个绝对定位的元素,该尺寸应该是可见的,该元素被剪裁成这种形状并显示。
基本特性
初始值 | auto | 适用于 | block-level and replaced elements |
继承性 | 无 | 百分比 | N/A |
媒体 | visual | 版本 | CSS2 |
兼容性 | IE4+ NS6+ |
使用说明
注意如果先有"overflowvisible",则 clip 属性不起作用。
默认值: | auto |
---|---|
继承: | no |
版本: | CSS2 |
JavaScript 语法: | object.style.clip="rect(0px,50px,50px,0px)" |
语法和取值
clip : auto | rect ( number number number number )
auto : 默认值。对象无剪下
rect ( number number number number ) : 依据上-右-下-左的顺序提供自对象 左上角为(0,0)坐标计算的四个偏移数值,其中任一数值都可用 auto 替换,即此边不剪下。
说明和示例
检索或设定对象的可视区域。可视区域外的部分是透明的。此属性定义了绝对(absolute)定位对象可视区域的尺寸。必须将 position 属性的值设为 absolute ,此属性方可使用。自IE5开始,此属性在MAC平台上可用。对应的脚本特性为 clip 。
P { clip: rect(5px, 10px, 10px, 5px); }
P { clip: rect(5px, -5px, 10px, 5px); }