Skip to content
Related Articles

Related Articles

HTML | <details> open Attribute

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 17 Oct, 2019

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 <Details>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 

Output :

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

  • Google Chrome 12.0
  • Firefox 49.0
  • Safari 6.0
  • Opera 15.0

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!