This article needs a technical review. How you can help.
This article needs an editorial review. How you can help.
Our volunteers haven't translated this article into عربي yet. Join us and help get the job done!
The HTML <summary>
element is used as a summary, caption, or legend for the content of a <details>
element.
<summary>
element is omitted, the heading "details" will be used.<summary>
is display:list-item
per HTML standard. If the style is being changed to display:block
, the disclosure triangle will be dismissed, which is expected. See Bug 1283989 for more information.Usage context
Permitted content | Phrasing content or one element of Heading content |
---|---|
Tag omission | None, both the start tag and the end tag are mandatory. |
Permitted parent element | The <details> element. |
Normative document | HTML5, section 4.11.2 |
Attributes
This element only includes the global attributes.
DOM interface
This element implements the HTMLElement
interface.
Examples
In summation, get details from the link on the next line
Please see the <details>
page for examples on <summary>.
Specifications
Specification | Status | Comment |
---|---|---|
WHATWG HTML Living Standard The definition of '<summary>' in that specification. |
Living Standard | |
HTML5.1 The definition of '<summary>' in that specification. |
Working Draft | Initial definition |
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 12 | 49.0 (49.0)[1] | No support | No support | 6 |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 4.0 | 49.0 (49.0)[1] | No support | No support | No support |
[1] This feature is available since Firefox 47 behind the preference dom.details_element.enabled
, defaulting to false
, except on Nightly and Aurora versions (bug 1241750). Support for it is enabled by default, i.e. the preference is defaulting to true
, since Firefox 49.0 (bug 1226455).