{ "compat_features": [ "css.properties.contain-intrinsic-block-size", "css.properties.contain-intrinsic-block-size.none", "css.properties.contain-intrinsic-height", "css.properties.contain-intrinsic-height.none", "css.properties.contain-intrinsic-inline-size", "css.properties.contain-intrinsic-inline-size.none", "css.properties.contain-intrinsic-size", "css.properties.contain-intrinsic-size.auto_none", "css.properties.contain-intrinsic-size.none", "css.properties.contain-intrinsic-width", "css.properties.contain-intrinsic-width.none" ], "description": "The contain-intrinsic-size CSS property sets the intrinsic size of an element. When using size containment, the browser will lay out the element as if it had a single child of this size.", "description_html": "The contain-intrinsic-size CSS property sets the intrinsic size of an element. When using size containment, the browser will lay out the element as if it had a single child of this size.", "group": [ "containment" ], "kind": "feature", "name": "contain-intrinsic-size", "spec": [ "https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override" ], "status": { "baseline": "high", "baseline_high_date": "2026-03-18", "baseline_low_date": "2023-09-18", "by_compat_key": { "css.properties.contain-intrinsic-block-size": { "baseline": "high", "baseline_high_date": "2026-03-18", "baseline_low_date": "2023-09-18", "support": { "chrome": "95", "chrome_android": "95", "edge": "95", "firefox": "107", "firefox_android": "107", "safari": "17", "safari_ios": "17" } }, "css.properties.contain-intrinsic-block-size.none": { "baseline": "high", "baseline_high_date": "2026-03-18", "baseline_low_date": "2023-09-18", "support": { "chrome": "98", "chrome_android": "98", "edge": "98", "firefox": "107", "firefox_android": "107", "safari": "17", "safari_ios": "17" } }, "css.properties.contain-intrinsic-height": { "baseline": "high", "baseline_high_date": "2026-03-18", "baseline_low_date": "2023-09-18", "support": { "chrome": "95", "chrome_android": "95", "edge": "95", "firefox": "107", "firefox_android": "107", "safari": "17", "safari_ios": "17" } }, "css.properties.contain-intrinsic-height.none": { "baseline": "high", "baseline_high_date": "2026-03-18", "baseline_low_date": "2023-09-18", "support": { "chrome": "98", "chrome_android": "98", "edge": "98", "firefox": "107", "firefox_android": "107", "safari": "17", "safari_ios": "17" } }, "css.properties.contain-intrinsic-inline-size": { "baseline": "high", "baseline_high_date": "2026-03-18", "baseline_low_date": "2023-09-18", "support": { "chrome": "95", "chrome_android": "95", "edge": "95", "firefox": "107", "firefox_android": "107", "safari": "17", "safari_ios": "17" } }, "css.properties.contain-intrinsic-inline-size.none": { "baseline": "high", "baseline_high_date": "2026-03-18", "baseline_low_date": "2023-09-18", "support": { "chrome": "98", "chrome_android": "98", "edge": "98", "firefox": "107", "firefox_android": "107", "safari": "17", "safari_ios": "17" } }, "css.properties.contain-intrinsic-size": { "baseline": "high", "baseline_high_date": "2026-03-18", "baseline_low_date": "2023-09-18", "support": { "chrome": "83", "chrome_android": "83", "edge": "83", "firefox": "107", "firefox_android": "107", "safari": "17", "safari_ios": "17" } }, "css.properties.contain-intrinsic-size.auto_none": { "baseline": "high", "baseline_high_date": "2026-03-18", "baseline_low_date": "2023-09-18", "support": { "chrome": "117", "chrome_android": "117", "edge": "117", "firefox": "117", "firefox_android": "117", "safari": "17", "safari_ios": "17" } }, "css.properties.contain-intrinsic-size.none": { "baseline": "high", "baseline_high_date": "2026-03-18", "baseline_low_date": "2023-09-18", "support": { "chrome": "98", "chrome_android": "98", "edge": "98", "firefox": "107", "firefox_android": "107", "safari": "17", "safari_ios": "17" } }, "css.properties.contain-intrinsic-width": { "baseline": "high", "baseline_high_date": "2026-03-18", "baseline_low_date": "2023-09-18", "support": { "chrome": "95", "chrome_android": "95", "edge": "95", "firefox": "107", "firefox_android": "107", "safari": "17", "safari_ios": "17" } }, "css.properties.contain-intrinsic-width.none": { "baseline": "high", "baseline_high_date": "2026-03-18", "baseline_low_date": "2023-09-18", "support": { "chrome": "98", "chrome_android": "98", "edge": "98", "firefox": "107", "firefox_android": "107", "safari": "17", "safari_ios": "17" } } }, "support": { "chrome": "83", "chrome_android": "83", "edge": "83", "firefox": "107", "firefox_android": "107", "safari": "17", "safari_ios": "17" } }, "id": "contain-intrinsic-size", "groups": [ "containment" ], "specs": [ { "url": "https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override", "seriesComposition": "delta", "shortname": "css-sizing-4", "series": { "shortname": "css-sizing", "currentSpecification": "css-sizing-3", "title": "CSS Box Sizing", "shortTitle": "CSS Sizing", "releaseUrl": "https://www.w3.org/TR/css-sizing/", "nightlyUrl": "https://drafts.csswg.org/css-sizing/" }, "seriesVersion": "4", "shortTitle": "CSS Sizing 4", "seriesPrevious": "css-sizing-3", "organization": "W3C", "groups": [ { "name": "Cascading Style Sheets (CSS) Working Group", "url": "https://www.w3.org/groups/wg/css/" } ], "release": { "url": "https://www.w3.org/TR/css-sizing-4/", "status": "Working Draft", "filename": "Overview.html" }, "nightly": { "url": "https://drafts.csswg.org/css-sizing-4/", "status": "Editor's Draft", "alternateUrls": [ "https://w3c.github.io/csswg-drafts/css-sizing-4/" ], "repository": "https://github.com/w3c/csswg-drafts", "sourcePath": "css-sizing-4/Overview.bs", "filename": "index.html" }, "title": "CSS Box Sizing Module Level 4", "source": "w3c", "categories": [ "browser" ], "standing": "good", "tests": { "repository": "https://github.com/web-platform-tests/wpt", "testPaths": [ "css/css-sizing" ] }, "fragment": "intrinsic-size-override" } ], "mdnUrls": [ { "slug": "Web/CSS/Reference/Properties/contain-intrinsic-size", "title": "`contain-intrinsic-size` CSS property", "anchor": null, "url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-size" } ], "standardPositions": [ { "vendor": "mozilla", "url": "https://github.com/mozilla/standards-positions/issues/827", "position": "positive", "concerns": [] }, { "vendor": "apple", "url": "https://github.com/WebKit/standards-positions/issues/205", "position": "neutral", "concerns": [] } ], "hasNegativeStandardPosition": false, "stateOfSurveys": [], "chromeUseCounters": { "percentageOfPageLoad": 0.08503131, "url": "https://chromestatus.com/metrics/webfeature/timeline/popularity/21" }, "interop": [ { "year": 2023, "label": "interop-2023-contain", "url": "https://wpt.fyi/interop-2023?feature=interop-2023-contain" } ], "wpt": { "url": "https://wpt.fyi/results?q=feature:contain-intrinsic-size" }, "developerSignals": null, "bugs": { "chrome": [ "https://bugs.chromium.org/p/chromium/issues/detail?id=1453733", "https://crbug.com/1157844", "https://crbug.com/991096" ] }, "baselineLowDateAsObject": "2023-09-18T00:00:00.000Z", "baselineHighDateAsObject": "2026-03-18T00:00:00.000Z" }