← Back to release summary

Clip-path geometry-box values

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

WPT details: This is part of Interop 2023 and is covered by tests under "wpt/css/css-masking": https://wpt.fyi/results/css/css-masking?label=experimental&label=master&product=chrome&product=firefox&product=safari&aligned&view=interop&q=label%3Ainterop-2023-cssmasking

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

Ecosystem

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

View on chromestatus.com