这是一个非常实用的CSS属性，且IE6也支持！用于缩放成不同比例的小图片时非常简单，而不需要多余的<div></div>作为容器来装载图片。

clip(剪辑)属性就像一个蒙版。它允许你掩盖矩形的可见区域。要剪辑一个元素：你必须指position:absolute。然后，指定top right bottom left值相对于元素的距离。

应用clip属性需要注意的两点：

 一、clip属性必须和定位属性postion一起使用才能生效。

 二、clip裁切的计算坐标都是以左上角即（0,0）点开始计算，这点不像padding和margin，它们两个的右边距和下边距是从最右边和最下边开始计算的。

.clip {

  position: relative;

  height: 130px;

  width: 200px;

  border: solid 1px #ccc;

}

.clip img {

  position: absolute;

  clip: rect(30px 165px 100px 30px);

}