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+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more