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

HTML

<details>

  <summary>About CSSPortal</summary>

  <p>CSSPortal is a site dedicated to helping you with CSS.</p>

</details>

Result

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

Share this Page

If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.

URL

Menu