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
Explorer Edge Chrome Firefox Opera Safari
X791249156
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
4Yes4914YesYes

Last updated by CSSPortal on: 6th December 2019