corner-block-end-shape | CSS CSS Properties

An experimental shorthand for styling the shapes (round, angled, etc.) of the corners at the end of the block axis (usually bottom-left and bottom-right).

Quick example

.card {
  /* Experimental: sets the shape of both bottom corners */
  corner-block-end-shape: angle;
}

Quick facts

Initial value

See individual properties

Inherited

Applies to

all elements

corner-block-end-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+