contain
The contain property allows an author to indicate that an element and its contents are, as much as possible, independent of the rest of the document tree. 2. Strong Containment: the contain property
Links about contain
Let’s Take a Deep Dive Into the CSS Contain Property | CSS-Tricks
Compared to the past, modern browsers have become really efficient at rendering the tangled web of HTML, CSS, and JavaScript code a typical webpage
Helping Browsers Optimize With The CSS Contain Property — Smashing Magazine
The CSS contain property gives you a way to explain your layout to the browser, so performance optimizations can be made. However, it does come with some side effects in terms of your layout.
Code sample
.item {
contain: layout;
}Explore other pages
- position: sticky
Makes an element stick.
- type="date"
A control for setting the element’s value to a specific date
- clamp()
Takes three calculations—a minimum value, a central value, and a maximum value
- dialog
An element a user interacts with to perform a task.