Hosting Solutions
mobile_logo Table of Contents
seal_frontseal_back

summary

The <summary> element is used with the <details> element and gives us a way to define a custom title for the details toggle text. By default it will say whatever the browser software decides if you do not use the <summary> tag to define the words.

Code Example

<details> <summary>Toggle Me</summary> <p>Here are the toggled details</p> </details>

Attributes

globals - the global attributes common to all elements possible values: see global attribute list

HTML

Elements

aabbraddressareaasidearticleaudiobbasebdobdiblockquotebodybrbuttoncanvascaptioncitecodecolcolgroupdatadatalistdddeldetailsdfndialogdivdldtemembedfieldsetfigcaptionfigurefooterformh1 h2 h3 h4 h5 h6headheaderhrhtmliiframeimginputinskbdkeygenlabellegendlilinkmainmapmarkmetameternavnoscriptobjectoloptgroupoptionoutputpparampreprogressqrb rp rt rtc rubyssampscriptsectionselectsmallsourcespanstrongstylesub supsummarytabletbodytdtemplatetextareatfootththeadtimetitletrtrackuulvarvideowbr