<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

Limited availability 58% 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.

ESC