<length-percentage> | CSS Types & Functions

A CSS data type that accepts either a length (like 20px) or a percentage (like 50%). It's used in properties like 'width', 'margin', and 'padding'.

Quick example

.box {
  /* Uses a length-percentage for width */
  width: calc(100% - 40px);
  padding: 5%;
}

Widely availableSince 201596% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

Safe to use without fallbacks.

12+