clip
已棄用：此特性不再推薦。雖然某些瀏覽器可能仍然支援它，但它可能已經從相關的網路標準中刪除，可能正在刪除過程中，或者可能僅為相容性目的而保留。請避免使用它，如果可能，請更新現有程式碼；請參閱本頁底部的相容性表格以指導您的決策。請注意，此特性可能隨時停止工作。
clip 屬性定義了一個元素的可見區域。您應該改用 clip-path。
注意： 作為一個表現屬性，clip 還有一個對應的 CSS 屬性：clip。當兩者都被指定時，CSS 屬性具有優先權。
此屬性具有與 CSS clip 屬性相同的引數值。在 rect() 的座標值上允許使用單位值（表示當前使用者座標）。auto 的值定義了一個沿給定元素建立的視口邊界的裁剪路徑。
你可以將此屬性與以下 SVG 元素一起使用
示例
html
<svg viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg">
<!-- Auto clipping -->
<svg x="0" width="10" height="10" clip="auto">
<circle cx="5" cy="5" r="4" stroke="green" />
</svg>
<!-- Rect(top, right, bottom, left) clipping -->
<svg x="10" width="10" height="10" clip="rect(1, 9, 8, 2)">
<circle cx="5" cy="5" r="4" stroke="green" />
</svg>
</svg>
用法說明
| 值 | auto | rect() |
|---|---|
| 預設值 | auto |
| 可動畫的 | 是 |
auto 值定義了一個沿給定元素建立的視口邊界的裁剪路徑。rect() 值定義了一個矩形裁剪區域，遵循以下語法：rect(<top>, <right>, <bottom>, <left>)。<top> 和 <bottom> 值指定了與元素視口頂部邊沿的偏移量，而 <right> 和 <left> 指定了與元素視口左側邊沿的偏移量。
規範
| 規範 |
|---|
| CSS 蒙版模組 Level 1 # clip-property |
瀏覽器相容性
載入中…