Black Lives Matter! ✊🏾

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

  1. content-visibility: the new CSS property that boosts your rendering performance

    posted on

    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…

  2. Short note on content-visibility: hidden – HTML Accessibility

    posted on by Steve Faulkner

    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;
}