Limited Availability
id: corner-shape
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.
Baseline Status:
This feature is currently Limited and is missing in at least one major browser engine.
Desktop Browser Engine Support
Google Chrome
139
Supported
Mozilla Firefox
—
Unsupported
Apple Safari
—
Unsupported
Microsoft Edge
139
Supported
Mobile Browser Engine Support
Chrome Android
139
Firefox Android
—
Safari iOS
—
Specifications and References
MDN Browser Compat Data Keys:
css.properties.corner-block-end-shape ↗
css.properties.corner-block-start-shape ↗
css.properties.corner-bottom-left-shape ↗
css.properties.corner-bottom-right-shape ↗
css.properties.corner-bottom-shape ↗
css.properties.corner-end-end-shape ↗
css.properties.corner-end-start-shape ↗
css.properties.corner-inline-end-shape ↗
css.properties.corner-inline-start-shape ↗
css.properties.corner-left-shape ↗
css.properties.corner-right-shape ↗
css.properties.corner-shape ↗
css.properties.corner-start-end-shape ↗
css.properties.corner-start-start-shape ↗
css.properties.corner-top-left-shape ↗
css.properties.corner-top-right-shape ↗
css.properties.corner-top-shape ↗
css.types.corner-shape-value ↗
css.types.corner-shape-value.bevel ↗
css.types.corner-shape-value.notch ↗
css.types.corner-shape-value.round ↗
css.types.corner-shape-value.scoop ↗
css.types.corner-shape-value.square ↗
css.types.corner-shape-value.squircle ↗
css.types.corner-shape-value.superellipse ↗
css.types.superellipse ↗