Skip to content
Related Articles

Related Articles

HTML | open Attribute
  • Difficulty Level : Basic
  • Last Updated : 31 Dec, 2018

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 than details are not shown.

Note: This attribute is used by <details> element only.

Syntax:

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

Example:




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

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :