Web features explorer

rect() and xywh()

Newly Available (since 2024-01-23)
Expected to be Widely Available on 2026-07-23

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.

Browser support

  • Chrome 119 Released on 2023-10-31
  • Chrome Android 119 Released on 2023-10-31
  • Edge 119 Released on 2023-11-02
  • Firefox 122 Released on 2024-01-23
  • Firefox for Android 122 Released on 2024-01-23
  • Safari 17.2 Released on 2023-12-11
  • Safari on iOS 17.2 Released on 2023-12-11

MDN documentation

Specifications

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist