corner-top-right-shape | CSS CSS Properties

An experimental property for the top-right corner shape. Part of the new efforts to provide advanced border styling in CSS.

Quick example

.hero-card {
  /* Experimental: makes the top-right corner bevelled */
  corner-top-right-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+