Join MDN and developers like you at Mozilla's View Source conference, November 2-4 in Portland, Oregon. Learn more at

This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.


The HTML Details Element (<details>) is used as a disclosure widget from which the user can retrieve additional information.


This element includes the global attributes.

This Boolean attribute indicates whether the details will be shown to the user on page load. Default is false and so details will be hidden.


  <summary>Some details</summary>
  <p>More info about the details.</p>

Live result

Note: If the live sample above doesn't work for you, see Browser compatibility to determine if your browser supports the feature at all.


Specification Status Comment
WHATWG HTML Living Standard
The definition of '<details>' in that specification.
Living Standard  
The definition of '<details>' in that specification.
Working Draft  

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 12 Not supported bug 591737 Not supported 15 6
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 4.0 Not supported bug 591737 Not supported Not supported Not supported

See also