corner-shape
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-block-end-shape
- corner-block-start-shape
- corner-bottom-left-shape
- corner-bottom-right-shape
- corner-bottom-shape
- corner-end-end-shape
- corner-end-start-shape
- corner-inline-end-shape
- corner-inline-start-shape
- corner-left-shape
- corner-right-shape
- corner-shape
- corner-start-end-shape
- corner-start-start-shape
- corner-top-left-shape
- corner-top-right-shape
- corner-top-shape
- <corner-shape-value>
- superellipse()
Specifications
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 ❌
- Firefox for Android ❌
- Safari ❌
- Safari on iOS ❌
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist