calc-size()
Limited availability
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.
Learn more
Specifications
Browser support
- Chrome 129 Released on 2024-09-17
- Chrome Android 129 Released on 2024-09-17
- Edge 129 Released on 2024-09-19
- Firefox ❌ See bugzil.la/1896734 Vendor position : positive
- Firefox for Android ❌ See bugzil.la/1896734 Vendor position : positive
- Safari ❌ See webkit.org/b/274177 Vendor position
- Safari on iOS ❌ See webkit.org/b/274177 Vendor position
Developer signals
- State of CSS 2025: reading_list/reading_list question
- State of CSS 2025: features/all_features question
Usage (according to Chrome Platform Status)
~0.093% of page loads. More data at chromestatus.
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist