HTML <summary> (Disclosure Summary) Tag

❮ Previous Reference Next ❯

Example

<details>
  <summary>HTML</summary>
  <p>The first version of HTML was written by Tim Berners-Lee in 1993. Since then, there have been many different versions of HTML. The most widely used version throughout the 2000`s was HTML 4.01, which became an official standard in December 1999.</p>
</details>

Meaning

The <summary> element specifies a summary for the <details> element.

The <summary> element is used along with the <details> element to provide a summary visible to the user.

Note: A <summary> element may only be used as the first child of a <details> element.

Version: HTML5


Standard Syntax

<details>
  <summary></summary>
  ....
</details>



Browser Support




Status







Global Attributes

The <summary> element also supports the Global Attributes in HTML.


Event Attributes

The <summary> element also supports the Event Attributes in HTML.




By Default CSS Value(s)

Most of the browsers will display the <summary> element with the following by default value(s)

summary {
  display: block;
}
❮ Previous Reference Next ❯