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剪輯結果
