summary-display-list-item-001.html (910B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Test: summary with 'display: list-item'</title> 4 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> 5 <link rel="match" href="summary-display-list-item-001-ref.html"> 6 <link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements"> 7 <meta name="assert" content="Checks that styling a <summary> with 'display: list-item' has no effect since it should already be a list item by default."> 8 <style> 9 summary { 10 display: list-item; 11 } 12 details { 13 margin-left: 50px; 14 } 15 .inside { 16 list-style-position: inside; 17 } 18 </style> 19 <details> 20 <summary>summary</summary> 21 content 22 </details> 23 <details> 24 <summary class="inside">summary</summary> 25 content 26 </details> 27 <details open> 28 <summary>summary</summary> 29 content 30 </details> 31 <details open> 32 <summary class="inside">summary</summary> 33 content 34 </details>