clip

已棄用： 此功能不再推薦。儘管一些瀏覽器可能仍然支援它，但它可能已從相關的 Web 標準中刪除，可能正在被棄用，或者可能僅出於相容性目的而保留。避免使用它，並儘可能更新現有程式碼；請參閱此頁面底部的相容性表格，以指導您的決策。請注意，此功能可能隨時停止工作。

clip 屬性是一個表示屬性，用於定義元素的可見區域。

此屬性具有與 CSS clip 屬性定義相同的引數值。在 rect() 上的座標值允許使用無單位值，這些值表示當前使用者座標。auto 值沿著給定元素建立的視口的邊界定義裁剪路徑。

您可以將此屬性與以下 SVG 元素一起使用

示例

html,
body,
svg {
  height: 100%;
}

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>

使用說明

警告： 此屬性已棄用。請改用 clip-path。

值	`auto` \| `rect()`
預設值	`auto`
可動畫	是

auto 值沿著給定元素建立的視口的邊界定義裁剪路徑。rect() 值定義一個遵循以下語法的裁剪矩形：rect(<top>, <right>, <bottom>, <left>)。<top> 和 <bottom> 值指定從元素視口的上邊框邊緣開始的偏移量，而 <right> 和 <left> 值指定從元素視口的左邊框邊緣開始的偏移量。

規範

規範
CSS 蒙版模組級別 1 # clip 屬性

瀏覽器相容性

BCD 表格僅在啟用 JavaScript 的瀏覽器中載入。