Space.As's Blog

大家先来看下效果
语法：
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区域 分别从上下左右裁剪掉 1 px 这样那些边框 就看不到了。 当然我们可以通过 定义input标签 把它的边框 定义为 背景颜色 来欺骗访问者的眼睛 都可以达到这么个效果。不过这里是为了举例子说明 rect() 的用法嘛！

在Dreaweaver中 这个属性 在定位中 大家可以回去尝试下。

给大家一段代码 大家 运行了看下



新建一个记事本。把代码粘贴进去。然后另存成html 就可以看了。