Next-Gen App & Browser
Testing Cloud
Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles
content-visibility
Last updated on : 2023-02-27
Overview
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.
Code snippets
No snippet found for this class 😞
Browser Compatibility
- content-visibility on IE is fully supported on None of the versions, partially supported on None of the versions, and not supported on 5.5-11 IE versions.
- content-visibility on Edge is fully supported on 85-110, partially supported on None of the versions, and not supported on 12-84 Edge versions.
- content-visibility on Firefox is fully supported on 109-112, partially supported on None of the versions, and not supported on 2-108 Firefox versions.
- content-visibility on Chrome is fully supported on 85-113, partially supported on None of the versions, and not supported on 4-84 Chrome versions.
- content-visibility on Safari is fully supported on None of the versions, partially supported on None of the versions, and not supported on 3.2-16.4 Safari versions.
- content-visibility on Opera is fully supported on None of the versions, partially supported on None of the versions, and not supported on 9.5-95 Opera versions.
- content-visibility on Safari on iOS is fully supported on None of the versions, partially supported on None of the versions, and not supported on 3.2-16.4 Safari on iOS versions.
- content-visibility on Android Browser is fully supported on None of the versions, partially supported on None of the versions, and not supported on any of the Android Browser versions.
- content-visibility on Opera Mobile is fully supported on None of the versions, partially supported on None of the versions, and not supported on 10-73 Opera Mobile versions.
- content-visibility on Chrome for Android is fully supported on 97-109, partially supported on None of the versions, and not supported on below 97 Chrome for Android versions.
- content-visibility on Firefox for Android is fully supported on 109-109, partially supported on None of the versions, and not supported on 95-107 Firefox for Android versions.
- content-visibility on Samsung Internet is fully supported on None of the versions, partially supported on None of the versions, and not supported on 4-19 Samsung Internet versions.
Browser Compatibility Score
IE
Edge
Firefox
Chrome
Safari
Opera
Safari on iOS
Android Browser
Opera Mobile
Chrome for AndroidBrowser Support For Chrome for Android Versions
Firefox for AndroidBrowser Support For Firefox for Android Versions
Samsung InternetDebug webpages on the go with LT Debug Chrome extension.
Add to Chrome
Test your website on 3000+ browsers
Test your website on 3000+ real browsers and operating systems for mobile and desktop with the LambdaTest cloud. Perform browser compatibility test for content-visibility and many more web technologies that are a part of your website or web-application.
Last Modified date
2023-02-27
Chrome
Safari
Firefox
Internet Explorer
Opera
EdgeReferences
Data sourced from
- - The World Wide Web Consortium (W3C) (https://www.w3.org/TR/)
- - CanIuse (https://caniuse.com/)
- - Mozzila MDN Web Docs (https://developer.mozilla.org/en-US/)
- - Web.Dev (https://web.dev/)
- - Chrome Platform Status (https://chromestatus.com/features)
- - WebKit Feature Status (https://webkit.org/status/)
Debug webpages on the go with LT Debug Chrome extension.
Add to Chrome
Debug Your Mobile Websites Faster With LT Browser!
Harness the power of Chromium-based engine to deliver responsive websites and web apps.
Try for free
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
