corner-inline-end-shape | CSS CSS Properties

An experimental shorthand to set the shape of both corners on the inline-end side of an element (usually the right side).

Quick example

.card-right {
  /* Experimental: shapes both corners on the right side */
  corner-inline-end-shape: angle;
}

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+