Limited Availability CSS

calc-size()

The calc-size() CSS function computes mathematical expressions that include height and width keyword values, for example calc-size(fit-content, size / 2). Not to be confused with the calc() CSS function, which cannot use keyword values.

Baseline Status: This feature is currently Limited (not yet Baseline). Latest engine implementation shipped on Sep 19, 2024.

Desktop Browser Engine Support

Google Chrome

129

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

129

Supported

Mobile Browser Engine Support

Chrome Android

129

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.types.calc-size ↗