clip-rule

An SVG-related property that determines how to calculate the 'insideness' of a point in a clipping path. 'Evenodd' is often used for complex shapes with holes.

path {
  /* SVG property for complex clipping shapes */
  clip-rule: evenodd;
}
Initial value
nonzero
Inherited
Yes
Applies to
limitedSVGElementsGraphics
Animation type
discrete

Values

nonzeroevenodd
Widely available Since 2020 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.

Safe to use without fallbacks.

15+
3.5+
5+
79+
ESC