BASELINE NowYouCanUse.com
Widely Available Clipping, shapes, and masking
id: clip-path

clip-path

The clip-path CSS property and SVG attribute set the visible area of an element. Everything outside the area will be hidden.
Baseline Status: Achieved Widely Available on Jul 21, 2023 (Cross-browser Newly Available since Jan 21, 2021).
Desktop Browser Engine Support
Google Chrome
88
Supported
Mozilla Firefox
71
Supported
Apple Safari
13.1
Supported
Microsoft Edge
88
Supported
Mobile Browser Engine Support
Chrome Android
88
Firefox Android
79
Safari iOS
13
Specifications and References
Specification ↗ Feature XML ↗
MDN Browser Compat Data Keys:
api.SVGClipPathElement ↗ api.SVGClipPathElement.clipPathUnits ↗ api.SVGClipPathElement.transform ↗ css.properties.clip-path ↗ css.properties.clip-path.basic_shape ↗ css.properties.clip-path.html_elements ↗ css.properties.clip-path.path ↗ css.properties.clip-path.svg_elements ↗ svg.elements.clipPath ↗ svg.elements.clipPath.clipPathUnits ↗ svg.elements.clipPath.systemLanguage ↗ svg.global_attributes.clip-path ↗