CSS clip 属性

原文是网站制作学习网的FoAｓＰ.cn

clip，剪裁绝对定位的元素

语法：
clip:auto|rect(number number number number)
取值：
auto:默认值，对象无剪切
rect(number number number number)，依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值，其中任一数值都可用auto替换，即此边不剪切

说明：
检索或设置对象的可视区域，可视区域外的部分是透明的。
此属性定义了绝对(absolute)定位对象可视区域的尺寸，必须将position属性的值设为absolute，此属性才能使用。
自IE5开始，此属性在MAC平台上可用，对应的脚本特性为clip。<网站制作学习网>
这个属性用于定义一个剪裁矩形。对于一个绝对定义元素，在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大，也可能比内容区小。

下面看例子：
1.<select name="menu1" style="position:absolute;clip: rect(2 50 30 2)">
    <option>111111</option>
    <option>222222</option>
    <option>333333</option>
    <option>444444</option>
  </select>

2.<label for="box">点这里的文字看看!<input type=checkbox style="position:absolute;clip: rect(6 15 15 6)" id=box></label>

3.<label for="box" accesskey="D"><u><b>D</b></u>issplay Username 显示用户名<input type=checkbox style="position:absolute;clip: rect(6 17 17 6)" id=box><网站制作学习网>

4.checkbox--&gt;<input type=checkbox style="position:absolute;clip: rect(6 15 15 6)">
<br>还是这样好--&gt;<input type=checkbox style="position:absolute;clip: rect(6 17 17 6)">


点击这里看实例