corner-end-start-shape | CSS CSS Properties

An experimental property to set the shape of the corner at the end of the block axis and start of the inline axis (usually the bottom-left corner).

Quick example

.modern-button {
  /* Experimental: sets specific shape for bottom-left corner */
  corner-end-start-shape: bevel;
}

Initial value

round

Inherited

Applies to

all elements

Animation type

superellipseInterpolation

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+