corner-bottom-left-shape | CSS CSS Properties

An experimental property to define the specific shape of the bottom-left corner. You can choose from 'round', 'angle' (beveled), or other shapes.

Quick example

.folded-corner {
  /* Experimental: makes the bottom-left corner angled */
  corner-bottom-left-shape: angle;
}

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+