Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY CYBERSECURITY DATA SCIENCE
     ❯   

HTML <details> open Attribute

❮ HTML <details> tag

Example

An open/visible <details> element:

<details open>
  <summary>Epcot Center</summary>
  <p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</details>
Try it Yourself »

Definition and Usage

The open attribute is a boolean attribute.

When present, it specifies that the details should be visible (open) to the user.


Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Attribute
open 12.0 79.0 49.0  6.0 15.0

Syntax

<details open>

❮ HTML <details> tag