w3-video.com logo

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

Share it

details open attribute

The open attribute on the details element:


1.open= "",  , open<details open> ... <⁄details>

Video demonstration details open attribute

HTMl5 details, open attribute Tutorial

min video details
00:00 video tutorial: open attribute on details element
00:12 note: by default the details are not shown in browser
00:16 you need to extend the control to see the details
00:23 if you want to make the details visible by default, use open attribute
00:33 the details now display by default (once the page is loaded in browser)
00:38 open attribute is a boolean attribute; accepted values: empty string "", open (attribute canonical name)
00:51 in order to hide the details, collapse the control
details intro details browser display details parents - children details syntax