剪裁影象：

img
  {
  position:absolute;
  clip:rect(0px,60px,200px,0px);
  }

瀏覽器支援

所有主流瀏覽器都支援 clip 屬性。

參考程式碼

        <div style="height:200px;width:200px">             <img src="imgs/btnImgs01.jpg" style=" position:absolute; clip:rect(0px,200px,200px,0px); alt="超神" title="好看"" />         </div>

必需的屬性

定義和用法

clip 屬性剪裁絕對定位元素。

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

說明

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

可能的值