Skip to content
Related Articles

Related Articles

Improve Article

HTML | open Attribute

  • Difficulty Level : Basic
  • Last Updated : 15 Jul, 2021

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.

Applicable:

  • <details>
  • <dialogue>
    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

 

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.

My Personal Notes arrow_drop_up
Recommended Articles
Page :