语法：
clip : auto | rect ( number number number number )
取值：
auto : 默认值。对象无剪切
rect ( number number number number ) : 依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值，其中任一数值都可用 auto 替换，即此边不剪切。
说明：
检索或设置对象的可视区域。可视区域外的部分是透明的。
此属性定义了绝对(absolute)定位对象可视区域的尺寸。必须将position属性的值设为absolute，此属性方可使用。
自IE5开始，此属性在MAC平台上可用。
对应的脚本特性为clip。
这个大多数朋友、软件翻译过来称它为裁剪。很形象。
我们在一个网页中看到的一个内容容器或者一个图片都有自己的显示区域。
而这个定义可以把这个图片或者容器乃至文字显示出来的区域裁剪成你希望的大小。
例如让某个文字只显示上半部。或者让input不显示边框。把边框裁剪掉。等等。
举个形象的例子，如果你不希望input显示边框。那么可以把input区域分别从上下左右裁剪掉1px这样那些边框就看不到了。当然我们可以通过定义input标签把它的边框定义为背景颜色来欺骗访问者的眼睛都可以达到这么个效果。不过这里是为了举例子说明rect()的用法嘛！
在Dreaweaver中这个属性在定位中大家可以回去尝试下。
给大家一段代码大家运行了看下
<style type="text/css">
<!--
.cut {
position: absolute;
border: 1px solid #000000;
clip: rect(5px,auto,auto,0px);
font-weight: bolder;
color: #003399;
background-color: #00CCFF;
}
.cut1 {
position: absolute;
border: 1px solid #000000;
clip: rect(auto,auto,10px,0px);
color: #00CCFF;
font-weight: bolder;
background-color: #00FFFF;
}
-->
</style>
<span class="cut">我是银湖！</span>
<span class="cut1">我是银湖！</span>
实例运行代码框如下：
提示：您可以先修改部分代码再运行