shape()Baseline · Newly available
The shape() CSS function creates shapes with a series of commands like line, move, and curve. It can be used with clip-path and shape-outside.
Works in the latest version of every major browser, but older devices may not support it yet. Baseline since Feb 24, 2026.
Browser support
DesktopChrome
1–134Not supported
135+Supportedsince Apr 1, 2025
Current: 155Edge
12–134Not supported
135+Supportedsince Apr 4, 2025
Current: 154Firefox
1–147Not supported
148+Supportedsince Feb 24, 2026
Current: 157Safari
1–18.3Not supported
18.4+Supportedsince Mar 31, 2025
Current: 27MobileChrome Android
18–134Not supported
135+Supportedsince Apr 1, 2025
Current: 155Firefox Android
4–147Not supported
148+Supportedsince Feb 24, 2026
Current: 157Safari iOS
1–18.3Not supported
18.4+Supportedsince Mar 31, 2025
Current: 27How to use
Every current browser supports this, but it only became Baseline on Feb 24, 2026. Use it as a progressive enhancement, or keep a fallback if you support older devices.
Example
Full syntax and examples are on MDN: shape.
Feature detection
There’s no simple runtime check for this feature; rely on the support table and test in your target browsers.