<hypot>

Calculates the hypotenuse of a right triangle. Useful for diagonal distances in layouts.

Quick example

.diagonal { width: calc(hypot(300px, 400px)); }

<hypot> Browser Support

Widely availableSince 202358% global usage

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

Safe to use without fallbacks.

120+
118+
15.4+
120+
ESC