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 |
浏览器兼容性
加载中…