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 ❌ Vendor position : support
Safari on iOS ❌ Vendor position : support

Developer signals

Votes: 13

If you want this feature to be available in all browsers, vote for it by adding a thumbs up reaction (👍) to this GitHub issue, and leave a comment with more information.

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