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 and Accessible Semantics | MarcySutton.com
While working with the team at DEV this past quarter on their open source community platform, Forem, they requested I review a Pull Request…
More on content-visibility | CSS-Tricks
Back in August 2020, when the content-visiblity property in CSS trickled its way into Chrome browsers, Una Kravets and Vladimir Levin wrote about it and
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.
- grid-column
Determines a grid item’s size and location within the grid .
- display: contents
An element doesn't generate any boxes, but its children still do.
- placeholder
Represents a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.