clip属性

clip:rect矩形剪裁功能及一些应用介绍.

其实是这样的，top right bottom left分别指最终剪裁可见区域的上边，右边，下边与左边。而所有的数值都表示位置，且是相对于原始元素的左上角而言的。于是

rect(30px 200px 200px 20px)

表示的含义就是：最终剪裁的矩形的上边距离原始元素的上边缘30像素；剪裁矩形的右边缘距离原元素左边缘的距离是200像素；剪裁矩形的下边缘距离原元素顶部的距离为200像素；剪裁矩形的左边缘距离原元素左边缘的距离时20像素。

上面的表述又长有啰嗦又难以理解，你可以这样想象：饥饿N天的你突然面前出现了块香喷喷的大大的300厘米*300厘米方形手抓饼，你拔出自己随着携带的锋利的日本刀，在距离顶部30厘米的地方咔嚓一刀，然后在距离左边200厘米的地方咔嚓一刀，然后又以迅雷不及掩耳的速度在距离顶部200厘米和距离20厘米的地方咔嚓一刀。啪啪四刀留下的中间的那块就是剪裁的内容了。所以，您可以将top right bottom left理解为在这些位置拿大刀咔咔修剪。