X
HOME HTML5 CSS3 JAVASCRIPT SQL PHP5 JQUERY ANGULAR BOOTSTRAP3 XML MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML <summary> Tag


Example

Using the <summary> element:

<details>
  <summary>Copyright 1999-2014.</summary>
  <p> - by Refsnes Data. All Rights Reserved.</p>
  <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

Try it Yourself »

Definition and Usage

The <summary> tag defines a visible heading for the <details> element. The heading can be clicked to view/hide the details.


Browser Support

The numbers in the table specify the first browser version that fully supports the element.

Element
<summary> 12.0 Not supported Not supported 6.0 15.0


Differences Between HTML 4.01 and HTML5

The <summary> tag is new in HTML5.


Tips and Notes

Note: The <summary> element should be the first child element of the <details> element.


Global Attributes

The <summary> tag also supports the Global Attributes in HTML.


Event Attributes

The <summary> tag also supports the Event Attributes in HTML.


Related Pages

HTML DOM reference: Summary Object


Default CSS Settings

Most browsers will display the <summary> element with the following default values:

summary {
    display: block;
}



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook