W3C Developers<p>The <span class="h-card" translate="no"><a href="https://w3c.social/@w3c" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>w3c</span></a></span> "CSS Borders and Box Decorations Module Level 4" specification extends the Module Level 3 with new properties like 'corner-shape', 'border-shape', and partial borders. <a href="https://w3c.social/tags/FPWD" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FPWD</span></a> <a href="https://w3c.social/tags/timetogiveinput" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>timetogiveinput</span></a></p><p>▶️ <a href="https://www.w3.org/TR/css-borders-4/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">w3.org/TR/css-borders-4/</span><span class="invisible"></span></a></p><p>Feedback welcome: <a href="https://github.com/w3c/csswg-drafts/labels/css-borders-4" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/w3c/csswg-drafts/la</span><span class="invisible">bels/css-borders-4</span></a></p><p>Examples of CSS shapes shorthands using 'corner-shape' are round, scoop, bevel, notch and <a href="https://w3c.social/tags/squircle" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>squircle</span></a> as shown below:</p>