content-visibility
The content-visibility property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. 4. Suppressing An Element’s Contents Entirely: the content-visibility property
Links about content-visibility
content-visibility: the new CSS property that boosts your rendering performance
The CSS content-visibility property enables web content rendering performance benefits by skipping rendering of off-screen content. This article shows you how to leverage this new CSS property for faster initial load times, using the auto keyword. You will also learn about the CSS Containment Spec a…
Short note on content-visibility: hidden – HTML Accessibility
What I am interested in is how it is exposed to screen readers and other assistive technology that make use of the content information represented in the browser accessibility tree.
Code sample
section {
content-visibility: hidden;
}Explore other pages
- aspect-ratio
Sets a preferred aspect ratio for the box.
- *
Represents an element of any element type.
- :nth-last-child()
Represents an element that has an+b-1 siblings after it in the document tree.
- grid-template-rows
Specifies named grid areas.