Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles
display: contents ignores the wrapper element, making all its children visible as if they were direct children of their parent.
Last updated on : 2023-03-20
Browser Versions
IE
Edge
Firefox
Chrome
Safari
Opera
Fully Supported
Partially
No Support
CSS display: contents on IE is not supported on any IE versions.
CSS display: contents on Edge is fully supported on 89-105, partially supported on 79-111, and not supported on 12-18 Edge versions.
CSS display: contents on Firefox is fully supported on 62-107, partially supported on 37-113, and not supported on 2-36 Firefox versions.
CSS display: contents on Chrome is fully supported on 89-108, partially supported on 65-114, and not supported on 4-64 Chrome versions.
CSS display: contents on Safari is partially supported on 11.1-16.4, and not supported on 3.2-11 Safari versions.
CSS display: contents on Opera is fully supported on 76-91, partially supported on 52-95, and not supported on 9.5-51 Opera versions.
CSS display: contents on Safari on iOS is fully supported on 16.1-16.1, partially supported on 11.3-16.4, and not supported on 3.2-11 Safari on iOS versions.
CSS display: contents on Android Browser is fully supported on 97-105, partially supported on 106-111, and not supported on 2.1-4 Android Browser versions.
CSS display: contents on Opera Mobile is fully supported on 64-64, partially supported on 72-73, and not supported on 10-12 Opera Mobile versions.
CSS display: contents on Chrome for Android is fully supported on 97-105 and partially supported on 106-111 Chrome for Android versions.
CSS display: contents on Firefox for Android is fully supported on 95-104 and partially supported on 105-110 Firefox for Android versions.
CSS display: contents on Samsung Internet is fully supported on 15-18, partially supported on 9.2-20, and not supported on 4-8.2 Samsung Internet versions.
Data sourced from
Overall Browser Compatibility Score
Note:CSS display: contents shows a browser compatibility score of 92. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.
Test on 3000+ browsers for CSS display: contents & more
Test your website for CSS display: contents and other web technologies. Get 100 FREE automation test minutes!
Test NowKaneAI - Testing Assistant
World’s first AI-Powered E2E testing agent.
Did you find this page helpful?