HTML <details> Tag


The Details tag defines the extra details that the user can open and close as needed.

The <details> tag is frequently used to build a user-interactive widget that can be opened and closed. The widget is closed by default. When you open it, it expands and shows the material within.

The <details> tag can include any type of material.

Syntax

Example

Preview

Attributes

Attribute Value Description
open open The information should be available (open) to the user, according to this specification.

Supported Browsers

Element Chrome Firefox Safari Edge / IE Opera
<details> 12.0 49.0 6.0 79.0 15.0