corner-shape
ExperimentalA master shorthand property that allows you to set the shape of all four corners of an element. This is the cornerstone of the new 'CSS Borders 4' features for advanced corner styling.
Quick example
.fancy-box {
/* Experimental: sets shapes for all 4 corners */
/* top-left, top-right, bottom-right, bottom-left */
corner-shape: angle round angle round;
}Quick facts
Initial value
See individual propertiesInherited
No
Applies to
all elements
corner-shape Browser Support
Limited availability 67% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
139+
139+