概述
clip 属性定义了元素的哪一部分是可见的。clip 属性只适用于 position:absolute 的元素。
语法
rect(<top>, <right>, <bottom>, <left>) /* 标准语法 */
rect(<top> <right> <bottom> <left>) /* 向后兼容语法 */
<top> 和 <bottom> 指定相对于盒子上边框边界 的偏移,<right> 和 <left> 指定了相对于盒子左边框边界 的偏移。<top>, <right>, <bottom>, 和 <left> 的值可以是 <length> 值或 auto。
实例:
p { border:dotted; position:relative; } #img2 { position:absolute; left:263px; clip: rect(40px, 200px, 150px, 30px); /* 标准语法,Internet Explorer 4-7 不支持 */ } #img3 { position: absolute; left:526px; clip: rect(40px 200px 150px 30px); /* 非标准语法,但是包括火狐与 IE 在内的主要浏览器均支持 */ }