<sqrt> | CSS Types & Functions

Calculates the square root of a number. This is part of the exponent function set in CSS, useful for relative scaling based on geometric areas.

Quick example

.square {
  /* Scale an element based on the square root of its area */
  width: calc(sqrt(var(--area)) * 1px);
}

Newly available Since 2023 88% global usage

Since 2023 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Works in all modern browsers. May need a fallback for older browsers.

120+

118+

15.4+

120+