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

Related Articles

HTML | open Attribute

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

The open attribute in HTML is used to indicate whether the details will be shown on page load. This is a boolean attribute. If it is not present by default then details are not shown.
Note: This attribute is used by <details> element only. This attribute has been DEPRECATED and is no longer recommended.

Applicable:

Syntax:

<details open> content... </details>

Example: 
 

html




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

Output: 
 

open

Supported Browsers: The browser supported by open attribute are listed below: 
 

  • Apple Safari 6.0
  • Google Chrome 12.0
  • Firefox Not supported
  • Opera 15.0
  • Internet Explorer Not supported

 

My Personal Notes arrow_drop_up
Last Updated : 06 Jun, 2022
Like Article
Save Article
Similar Reads
Related Tutorials