Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App

Related Articles

HTML | <details> open Attribute

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

The HTML <details> open attribute is used to indicate whether the details will be display on page load. It is a boolean attribute. If this attribute is present then the detail will be visible. 


<details open> Contents... </details>

Example: This example illustrates the use of open attribute in <details> element. 


<!-- HTML program to illustrate details open Attribute -->
<!DOCTYPE html>
        <title>HTML details open Attribute</title>
        <h1 style="text-align:center;">
        <h2 style = "color: green; text-align: center;">
            HTML &lt;Details&gt;open Attribute
        <!-- Below details tag has "open" attribute -->
        <details open>
            <summary>Geeks classes</summary>
                An extensive classroom programme to build
                and enhance Data Structures and Algorithm



Supported Browsers: The browser supported by HTML <details> open attribute are listed below:

  • Google Chrome 12.0
  • Edge 79.0
  • Firefox 49.0
  • Safari 6.0
  • Opera 15.0
My Personal Notes arrow_drop_up
Last Updated : 21 Jul, 2022
Like Article
Save Article
Similar Reads
Related Tutorials