🏠 New in Low Baseline Support: rect() and xywh()

January 23, 2024

caniuse · mdn · [spec]([‘https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-xywh’, ‘https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-rect’])

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.

Source features