Widely Available
Clipping, shapes, and masking
id: rect-xywh
rect() and xywh()
The
rect() CSS function creates a rectangle shape with insets from the edges of an element. The xywh() CSS function creates a rectangle shifted by an x and y distance. They can be used with clip-path and shape-outside.
Baseline Status:
Achieved Widely Available on Jul 23, 2026 (Cross-browser Newly Available since Jan 23, 2024).
Desktop Browser Engine Support
Google Chrome
119
Supported
Mozilla Firefox
122
Supported
Apple Safari
17.2
Supported
Microsoft Edge
119
Supported
Mobile Browser Engine Support
Chrome Android
119
Firefox Android
122
Safari iOS
17.2
Specifications and References
MDN Browser Compat Data Keys: