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
nonzeroInherited
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+