Web platform features explorer

The corner-shape CSS property sets the shape of an element's corners when using border-radius, allowing for shapes other than rounded corners. For example, corner-shape: squircle is a shape in between a square and rounded corner.

Status

Limited availability

MDN documentation

corner-shape

Specifications

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

Browser support

Chrome 139 Released on 2025-08-05
Chrome Android 139 Released on 2025-08-05
Edge 139 Released on 2025-08-07
Firefox ❌ Vendor position : unknown
Firefox for Android ❌ Vendor position : unknown
Safari ❌ See webkit.org/b/277912 Vendor position : support
Safari on iOS ❌ See webkit.org/b/277912 Vendor position : support

Developer votes

👍
60

Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.

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