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.

Quick example

path {
  /* SVG property for complex clipping shapes */
  clip-rule: evenodd;
}

Quick facts

Initial value
nonzero
Inherited
Yes
Applies to
SVG graphics elements
Animation type
discrete

Values

nonzeroevenodd

clip-rule Browser Support

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