HTML Details Tag

Define :
 This tag specifies additional details that the user can open and close on demand.
 It is used to create an interactive widget that the user can open and close and by default, the   widget is closed.
 It is used to specify a visible heading for the details.
For example :

Output :

Browser Support :

Element	chrome	firefox	Microsoft edge	opera
<details>	12.0	49.0	79.0	15.0

 

Attributes :

Attribut	value	description
open	open	It specifies that the details should be visible (open) to the user

Global and Event Attributes
 This tag also supports the Global and Event Attributes in HTML.
Default CSS Settings
 Most browsers will display the <details> element with the help of CSS.

details {
  display: block;
}