clip 屬性剪裁絕對定位元素

當一幅圖像的尺寸大于包含它的元素時會發生什么呢？"clip" 屬性允許您規定一個元素的可見尺寸，這樣此元素就會被修剪并顯示為這個形狀。

說明：

這個屬性用于定義一個剪裁矩形。對于一個絕對定義元素，在這個矩形內的內容才可見。出了這個剪裁區域的內容會根據 overflow 的值來處理。剪裁區域可能比元素的內容區大，也可能比內容區小。

rect(30px 200px 200px 20px)

表示的含義就是：

最終剪裁的矩形的上邊距離原始元素的上邊緣30像素；
剪裁矩形的右邊緣距離原元素左邊緣的距離是200像素；
剪裁矩形的下邊緣距離原元素頂部的距離為200像素；
剪裁矩形的左邊緣距離原元素左邊緣的距離是20像素。