contain-intrinsic-width
Sets the placeholder width for an element under size containment, helping the browser calculate layout without rendering the full content.
It is documented as part of the CSS Box Sizing specification.
Syntax
/* Usage Example */
.sidebar-widget {
content-visibility: auto;
contain-intrinsic-width: 280px;
}
/* Syntax */
contain-intrinsic-width: auto;
contain-intrinsic-width: none;
/* Global values */
contain-intrinsic-width: inherit;
contain-intrinsic-width: initial;
contain-intrinsic-width: revert;
contain-intrinsic-width: revert-layer;
contain-intrinsic-width: unset;contain-intrinsic-width Browser support
Newly available
Since
2023 93% global usage
Since 2023 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
95+
107+
17+
95+