clip-path

The clip-path property clips an element to a basic shape or path.

Formal Syntax

<clip-source> | [ <basic-shape> || <geometry-box> ] | none

Initial value: none
Applies to: All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element
Inherited: no
Percentages: n/a
Computed value: as specified, but with values made absolute
Animation type: by computed value
Media: visual

standard | MDN · Spec

Feature	Chrome	Firefox	Safari	Edge
clip-path	55	3.5	9.1	79
basic_shape	23	54	7	79
border-box	119	54	13	119
content-box	119	54	13	119
fill-box	119	51	13.1	119
html_elements	23	3.5	7	79
is_animatable	55	49	12.1	79
margin-box	119	54	13	119
padding-box	119	54	13	119
path	88	71	13.1	88
stroke-box	119	51	13.1	119
svg_elements	23	52	7	12
view-box	119	54	13.1	119