corner-top-left-shape | CSS CSS Properties

An experimental property for the top-left corner shape. It gives designers more control, allowing for beveled or angled corners instead of just rounded ones.

Quick example

.hero-card {
  /* Experimental: makes the top-left corner angled */
  corner-top-left-shape: angle;
}

Quick facts

Initial value

round

Inherited

Applies to

all elements

Animation type

superellipseInterpolation

corner-top-left-shape Browser Support

Limited availability 67% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

View on caniuse.com → View on MDN → View on webstatus.dev → Learn more about Baseline →

139+