<?xml version="1.0" encoding="UTF-8"?>
<feature id="corner-shape"><name>corner-shape</name><description>The corner-shape CSS property sets the shape of an element&#39;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.</description><baseline><status>limited</status></baseline><support><browser name="chrome" version="139" supported="true"></browser><browser name="firefox" version="—" supported="false"></browser><browser name="safari" version="—" supported="false"></browser><browser name="edge" version="139" supported="true"></browser><browser name="chrome_android" version="139" supported="true"></browser><browser name="firefox_android" version="—" supported="false"></browser><browser name="safari_ios" version="—" supported="false"></browser></support><specifications><spec>https://drafts.csswg.org/css-borders-4/#corner-shaping</spec></specifications><caniuse></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Values/superellipse</mdn_url><compat_features><key>css.properties.corner-block-end-shape</key><key>css.properties.corner-block-start-shape</key><key>css.properties.corner-bottom-left-shape</key><key>css.properties.corner-bottom-right-shape</key><key>css.properties.corner-bottom-shape</key><key>css.properties.corner-end-end-shape</key><key>css.properties.corner-end-start-shape</key><key>css.properties.corner-inline-end-shape</key><key>css.properties.corner-inline-start-shape</key><key>css.properties.corner-left-shape</key><key>css.properties.corner-right-shape</key><key>css.properties.corner-shape</key><key>css.properties.corner-start-end-shape</key><key>css.properties.corner-start-start-shape</key><key>css.properties.corner-top-left-shape</key><key>css.properties.corner-top-right-shape</key><key>css.properties.corner-top-shape</key><key>css.types.corner-shape-value</key><key>css.types.corner-shape-value.bevel</key><key>css.types.corner-shape-value.notch</key><key>css.types.corner-shape-value.round</key><key>css.types.corner-shape-value.scoop</key><key>css.types.corner-shape-value.square</key><key>css.types.corner-shape-value.squircle</key><key>css.types.corner-shape-value.superellipse</key><key>css.types.superellipse</key></compat_features><canonical_url>https://nowyoucanuse.com/features--corner-shape.html</canonical_url></feature>