HTML <summary> Tag
Description
The <summary>
HTML element specifies a summary/caption that can be used in conjunction with the HTML5 <details>
tag. This summary/caption can be clicked on to expand/collapse the details as required. Adding CSS to these tags is recommended to show that the summary/caption can be clicked on.
Properties
- Permitted Parents
- The <details> element
- Content
- Inline and text
- Start/End Tags
- Start tag: required, End tag: required
Example
<details>
<summary>About CSSPortal</summary>
<p>CSSPortal is a site dedicated to helping you with CSS.</p>
</details>
Attributes
None
Global Attributes
The <summary>
tag also supports the Global Attributes in HTML5
Event Attributes
The <summary>
tag also supports the Event Attributes in HTML5
Browser Support
Desktop | |||||
X | 79 | 12 | 49 | 15 | 6 |
Tablets / Mobile | |||||
![]() |
|||||
4 | Yes | 49 | 14 | Yes | Yes |
Last updated by CSSPortal on: 6th December 2019