Implements the CSS corner shorthand and per-corner sub-shorthands (corner-top-left, corner-top-right, corner-bottom-left, corner-bottom-right) as well as physical (corner-top, corner-bottom) and logical (corner-block-start, corner-block-end, etc.) edge shorthands. These allow setting both border-radius and corner-shape for individual corners in a single declaration. Additionally, corners is retained as a compat alias for the corner shorthand. sampler: https://static.januschka.com/i-425897047/ CL: https://chromium-review.googlesource.com/c/chromium/src/+/7747994
Currently, setting both the radius and shape of a corner requires two separate declarations (border-radius and corner-shape). The CSSWG resolved ( https://github.com/w3c/csswg-drafts/issues/11623#issuecomment-2982179370 ) to add a corner shorthand that combines both properties, making it more ergonomic for authors to style individual corners. For example: ```css /* Before: two declarations needed */ border-top-left-radius: 20px; corner-shape-top-left: squircle; /* After: single corner shorthand */ corner-top-left: 20px squircle; ```
Explainers: https://static.januschka.com/i-425897047