CSS clip 屬性
定義和用法
clip 屬性剪裁絕對定位元素。
當一幅圖像的尺寸大于包含它的元素時會發生什么呢？"clip" 屬性允許您規定一個元素的可見尺寸，這樣此元素就會被修剪并顯示為這個形狀。
說明
這個屬性用于定義一個剪裁矩形。對于一個絕對定義元素，在這個矩形內的內容才可見。出了這個剪裁區域的內容會根據 overflow 的值來處理。剪裁區域可能比元素的內容區大，也可能比內容區小。
另請參閱：
CSS 教程：CSS 定位
HTML DOM 參考手冊：clip 屬性
CSS 語法
clip: auto|shape|initial|inherit;
屬性值
| 值 | 描述 |
|---|---|
| shape | 設置元素的形狀。唯一合法的形狀值是：rect (top, right, bottom, left) |
| auto | 默認值。不應用任何剪裁。 |
| inherit | 規定應該從父元素繼承 clip 屬性的值。 |
技術細節
| 默認值： | auto |
|---|---|
| 繼承性： | no |
| 版本： | CSS2 |
| JavaScript 語法： | object.style.clip="rect(0px,50px,50px,0px)" |
更多實例
- 設置元素的形狀
- 本例演示如何設置元素的形狀。此元素被剪入形狀中，然后顯示出來。
瀏覽器支持
表格中的數字注明了完全支持該屬性的首個瀏覽器版本。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
