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	X	12	49	15	6
Tablets / Mobile
4	Yes	49	14	X	Yes

Last updated by CSSPortal on: 6th December 2019