← Back to release summary

Clip-path geometry-box values

Category
CSS
Type
Chromium catches up
Status
Enabled by default (Chrome 119)
Intent stage
None

Summary

Clip-path supports <geometry-box> values to control the clip's reference box, making clip-path easier to use. These box values can be used alongside basic shapes (for example, clip-path: circle(50%) margin-box), or they can be used alone to clip to the specified box (for example, clip-path: content-box).

Standards & signals

Samples: https://pr.gg/clip-path-geometry-box-examples.html

View on chromestatus.com