*Summary:* The corner-shape <https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/corner-shape#description> property is used to modify the shape of rounded corners created by the border-radius property and its associated longhands. Already-rounded corners can be further customized in terms of the degree of rounding applied to them, allowing the creation of, for example, beveled, notched, and squircle corners. Borders, outlines, shadows, and background effects applied to the container will follow the defined corner shape.
We intend to enable this feature in *Firefox Nightly* only, starting with version 158. Thanks to Mauro V. <https://cheff.dev/> for contributing the initial patches for this feature. *Bug:* [css-borders-4] Add CSS corner-shape support <https://bugzilla.mozilla.org/show_bug.cgi?id=1726232> *Specification:* https://drafts.csswg.org/css-borders-4/#corner-shaping *Platform Coverage:*All *Standards Body:*CSSWG / W3C *Preference:*layout.css.corner-shape.enabled - Bug 2070927 <https://bugzilla.mozilla.org/show_bug.cgi?id=2070927> to enable in Nightly *DevTools Bug:*N/A *Extensions Bug:*N/A *Use Counter:*css_corner_*_shape *Standards-Positions Discussion:* https://github.com/mozilla/standards-positions/issues/823 *Other Browsers:*- Blink: Shipped since Chrome 139 - WebKit: Experimental support since Safari Technology Preview 251 *web-platform-tests:* https://wpt.fyi/results/css/css-borders/corner-shape -- You received this message because you are subscribed to the Google Groups "[email protected]" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion visit https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/CAGQ7Ze2G6trh5m5gh%3DMpsr4A59F-E0WSpgLF3Z3kEDq%2BjgmGaw%40mail.gmail.com.
