Web features explorer - border-shape

Web features explorer

The border-shape CSS property sets the geometry of the border box, changing the shape of any applicable border, border image, focus outline, or shadow.

Browser support

Chrome 147 Released on 2026-04-07
Chrome Android 147 Released on 2026-04-07
Edge 147 Released on 2026-04-10
Firefox Not supported Position Bugs: 1982766
Firefox for Android Not supported Position
Safari Not supported Position
Safari on iOS Not supported Position

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

`border-shape` CSS property

Specifications

CSS Borders and Box Decorations Module Level 4 (#border-shape), from Cascading Style Sheets (CSS) Working Group (W3C).

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