<sqrt>

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.

/* Usage 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.

120+
118+
15.4+
120+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC