<details>
The <details> element is a disclosure widget which can be expanded to reveal additional content. When closed, only the nested <summary> element is visible.
Status
Baseline Widely Available (since 2022-07-15)
MDN documentation
Specifications
- HTML (#the-details-element), from HTML Workstream (WHATWG).
Browser support (view on caniuse.com)
- Chrome 12 Released on 2011-06-07
- Chrome Android 18 Released on 2012-06-27
- Edge 79 Released on 2020-01-15
- Firefox 49 Released on 2016-09-20
- Firefox for Android 49 Released on 2016-09-20
- Safari 6 Released on 2012-07-25
- Safari on iOS 6 Released on 2012-09-10
Surveys
- State of HTML 2025 > usage > html styling issues
- State of HTML 2025 > usage > html interoperability features features only
- State of HTML 2025 > usage > html functionality features features only
- State of HTML 2025 > usage > html functionality features
- State of HTML 2025 > interactivity > interactivity pain points limitations 1
- State of HTML 2025 > interactivity > interactivity pain points interop issues 1
- State of HTML 2025 > interactivity > interactivity pain points features
- State of HTML 2025 > interactivity > interactivity pain points
- State of HTML 2025 > interactivity > interactivity features
- State of HTML 2025 > features > all features
- State of HTML 2024 > usage > html functionality features
- State of HTML 2024 > reading list > reading list
- State of HTML 2024 > interactivity > interactivity features
- State of HTML 2024 > features > all features
- State of HTML 2023 > usage > html functionality features
- State of HTML 2023 > reading list > reading list
- State of HTML 2023 > interactivity > interactivity features
- State of HTML 2023 > features > all features
- State of CSS 2025 > usage > css missing features
Interop
- Included in Interop 2025
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist