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.
Status
Limited availability
MDN documentation
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 : unknown
- Safari on iOS ❌ See webkit.org/b/274177 Vendor position : unknown
Surveys
- State of CSS 2025 > usage > gamechanger feature
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > usage > css missing features
- State of CSS 2025 > usage > css interoperability features
- State of CSS 2025 > usage > css general pain points
- State of CSS 2025 > shapes graphics > shapes graphics pain points
- State of CSS 2025 > reading list > reading list
- State of CSS 2025 > math features > math features pain points
- State of CSS 2025 > layout > layout pain points
- State of CSS 2025 > features > all features
Usage (according to Chrome Platform Status)
~0.191% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureDeveloper signals
Votes: 14
If you want this feature to be available in all browsers, vote for it by adding a thumbs up reaction (👍) to this GitHub issue, and leave a comment with more information.
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist