corner-block-start-shape | CSS CSS Properties

An experimental shorthand for styling the shapes of the corners at the start of the block axis (usually top-left and top-right).

Quick example

.card {
  /* Experimental: sets the shape of both top corners */
  corner-block-start-shape: bevel;
}

Initial value

See individual properties

Inherited

Applies to

all elements

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.

139+