details-pseudo-elements-003.html (582B)
1 <!DOCTYPE HTML> 2 <title>::details-content pseudo element is display: block</title> 3 <link rel="match" href="details-pseudo-elements-003-ref.html"> 4 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#details-content-pseudo"> 5 <link rel="help" href="https://github.com/whatwg/html/pull/10265"> 6 <link rel="help" href="https://github.com/dbaron/details-styling"> 7 <link rel="help" href="https://crbug.com/1469418"> 8 <style> 9 10 summary { display: block } 11 details::details-content { opacity: 0.5; } 12 13 details 14 15 </style> 16 17 <details open> 18 <summary>summary</summary> 19 contents 20 </details>