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
XX1249156
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
4Yes4914XYes

Last updated by CSSPortal on: 6th December 2019