{
    "dom-contentvisibilityautostatechangeevent-contentvisibilityautostatechangeevent": [
        {
            "engines": [
                "blink",
                "gecko"
            ],
            "needsflag": [
                "gecko"
            ],
            "filename": "api/ContentVisibilityAutoStateChangeEvent.json",
            "name": "ContentVisibilityAutoStateChangeEvent",
            "slug": "API/ContentVisibilityAutoStateChangeEvent/ContentVisibilityAutoStateChangeEvent",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ContentVisibilityAutoStateChangeEvent/ContentVisibilityAutoStateChangeEvent",
            "summary": "The ContentVisibilityAutoStateChangeEvent() constructor creates a new ContentVisibilityAutoStateChangeEvent object instance.",
            "support": {
                "chrome": {
                    "version_added": "108"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "110",
                    "flags": [
                        {
                            "type": "preference",
                            "name": "layout.css.content-visibility.enabled",
                            "value_to_set": "true"
                        }
                    ]
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": false
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "108"
                }
            },
            "title": "ContentVisibilityAutoStateChangeEvent: ContentVisibilityAutoStateChangeEvent() constructor"
        }
    ],
    "dom-contentvisibilityautostatechangeevent-skipped": [
        {
            "engines": [
                "blink",
                "gecko"
            ],
            "needsflag": [
                "gecko"
            ],
            "filename": "api/ContentVisibilityAutoStateChangeEvent.json",
            "name": "skipped",
            "slug": "API/ContentVisibilityAutoStateChangeEvent/skipped",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ContentVisibilityAutoStateChangeEvent/skipped",
            "summary": "The skipped read-only property of the ContentVisibilityAutoStateChangeEvent interface returns true if the user agent skips the element's contents, or false otherwise.",
            "support": {
                "chrome": {
                    "version_added": "108"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "110",
                    "flags": [
                        {
                            "type": "preference",
                            "name": "layout.css.content-visibility.enabled",
                            "value_to_set": "true"
                        }
                    ]
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": false
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "108"
                }
            },
            "title": "ContentVisibilityAutoStateChangeEvent: skipped property"
        }
    ],
    "content-visibility-auto-state-change": [
        {
            "engines": [
                "blink",
                "gecko"
            ],
            "needsflag": [
                "gecko"
            ],
            "filename": "api/ContentVisibilityAutoStateChangeEvent.json",
            "name": "ContentVisibilityAutoStateChangeEvent",
            "slug": "API/ContentVisibilityAutoStateChangeEvent",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ContentVisibilityAutoStateChangeEvent",
            "summary": "The ContentVisibilityAutoStateChangeEvent interface is the event object for the contentvisibilityautostatechange event, which fires on any element with content-visibility: auto set on it when it starts or stops being relevant to the user and skipping its contents.",
            "support": {
                "chrome": {
                    "version_added": "108"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "110",
                    "flags": [
                        {
                            "type": "preference",
                            "name": "layout.css.content-visibility.enabled",
                            "value_to_set": "true"
                        }
                    ]
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": false
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "108"
                }
            },
            "title": "ContentVisibilityAutoStateChangeEvent"
        },
        {
            "engines": [
                "blink",
                "gecko"
            ],
            "needsflag": [
                "gecko"
            ],
            "filename": "api/Element.json",
            "name": "contentvisibilityautostatechange_event",
            "slug": "API/Element/contentvisibilityautostatechanged_event",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/Element/contentvisibilityautostatechanged_event",
            "summary": "The contentvisibilityautostatechange event fires on any element with content-visibility: auto set on it when it starts or stops being relevant to the user and skipping its contents.",
            "support": {
                "chrome": {
                    "version_added": "108"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "110",
                    "flags": [
                        {
                            "type": "preference",
                            "name": "layout.css.content-visibility.enabled",
                            "value_to_set": "true"
                        }
                    ]
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": false
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "108"
                }
            },
            "title": "Element: contentvisibilityautostatechange event"
        }
    ],
    "valdef-contain-style": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/contain.json",
            "name": "style",
            "slug": "CSS/contain#style",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/contain#style",
            "summary": "The contain CSS property indicates that an element and its contents are, as much as possible, independent from the rest of the document tree. Containment enables isolating a subsection of the DOM, providing performance benefits by limiting calculations of layout, style, paint, size, or any combination to a DOM subtree rather than the entire page. Containment can also be used to scope CSS counters and quotes.",
            "support": {
                "chrome": {
                    "version_added": "52",
                    "notes": "Before Chrome 115, style containment did not affect quotes, see <a href='https://crbug.com/882385'>Chromium bug 882385</a>)."
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "103"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "15.4",
                    "notes": "Style containment does not affect quotes, see <a href='https://webkit.org/b/232083'>WebKit bug 232083</a>)."
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79",
                    "notes": "Before Chrome 115, style containment did not affect quotes, see <a href='https://crbug.com/882385'>Chromium bug 882385</a>)."
                }
            },
            "title": "contain"
        }
    ],
    "contain-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/contain.json",
            "name": "contain",
            "slug": "CSS/contain",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/contain",
            "summary": "The contain CSS property indicates that an element and its contents are, as much as possible, independent from the rest of the document tree. Containment enables isolating a subsection of the DOM, providing performance benefits by limiting calculations of layout, style, paint, size, or any combination to a DOM subtree rather than the entire page. Containment can also be used to scope CSS counters and quotes.",
            "support": {
                "chrome": {
                    "version_added": "52"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": {
                    "version_added": "69"
                },
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": "15.4"
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "79"
                }
            },
            "caniuse": {
                "feature": "css-containment",
                "title": "CSS Containment"
            },
            "title": "contain"
        }
    ],
    "content-visibility": [
        {
            "engines": [
                "blink",
                "gecko"
            ],
            "filename": "css/properties/content-visibility.json",
            "name": "content-visibility",
            "slug": "CSS/content-visibility",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/content-visibility",
            "summary": "The content-visibility CSS 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. It enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster.",
            "support": {
                "chrome": {
                    "version_added": "85"
                },
                "chrome_android": "mirror",
                "edge": "mirror",
                "firefox": [
                    {
                        "version_added": "preview"
                    },
                    {
                        "version_added": "109",
                        "flags": [
                            {
                                "type": "preference",
                                "name": "layout.css.content-visibility.enabled",
                                "value_to_set": "true"
                            }
                        ]
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": false
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": {
                    "version_added": false
                },
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": {
                    "version_added": "85"
                }
            },
            "caniuse": {
                "feature": "css-content-visibility",
                "title": "CSS content-visibility"
            },
            "title": "content-visibility"
        }
    ]
}
