Understandng的CSS clip属性
我为什么要明白这一点吗？？ ... Humm！！！
CSS的作家中的大多数人都同意，CSS Clip属性可能是最未使用CSS属性之一。 这是我的真实，是最幸福的忽视它，直到我开始修改的MooTools的两个旋钮（PIN）滑块组件（带范围指示器） 。
从一个组件用户有一个很好的建议，修改Slider组件使用裁剪图像（对可变宽度师）视野下，以表明滑块范围。 就这样来到我的时间来输入的乐趣，但联合国包机（我当然）的CSS Clip属性的水域。
好吧！ 它可以是多么困难？ 没有太多... YES和NO。 使用CSS Clip属性的语法是很正直的，但的含义/ usuage，是有点croocked。 一个像我的记忆中，每次我坐下来返工我滑块脚本...我有随时注意这个剪辑属性的用法，要提醒自己，我在我的脚本创建的逻辑.... 因此！ 认为笔下来，希望记住它的未来（也似乎谁的利益猛然一惊CSS clip属性）
什么是CSS的剪辑呢？
剪辑的视觉效果模块的CSS 2.1的一部分。 简而言之，它的工作是正在修剪的对象上放置一个可见的窗口，因此裁剪图像，而不必创建额外的文件（我已经把滑块组件，以更好地利用此功能创建缩略图 
）
使用CSS Clip属性，你可以创建一个使用矩形形状的裁剪。 需要像其他许多CSS属性（如利润率，填充等），使用矩形，四个坐标上，右，底部，左（TRBL）。 这个属性croocked性质的反映，当你仔细一看，剪辑是如何计算的裁剪区域使用这四个坐标（大脑发送到折腾了一会儿）。 现在你混淆底部开始从顶部，并有权从左边开始。 。 你明白我说的话吗？ .... 因此，这个职位...
这有点混乱，可以很容易地消失了，用这CSS剪辑/ Rect属性的视觉解释如下！！！
CSS剪辑需求
我们已经开始的任务是剪辑成方正寻找图像下面的缩略图（还广角图像）
 |  |
| 原Thumbnal /图像 | Sqaure Thumbmail剪辑要求 |
CSS剪辑结果
