list-style-position-001.html (1180B)
1 <!DOCTYPE HTML> 2 <meta charset="utf-8"> 3 <title>CSS Test: 'list-style-position:outside' should be the initial value and should result in 'outside' marker-positioning</title> 4 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-lists-3/#propdef-list-style-position"> 6 <link rel="match" href="list-style-position-001-ref.html"> 7 <link rel="mismatch" href="list-style-position-001-notref.html"> 8 <style> 9 body { 10 /* Increase left margin to ensure we can see the list item's marker. */ 11 margin-left: 50px; 12 } 13 .wrapper { 14 border: 2px solid teal; 15 width: max-content; 16 margin-bottom: 2px; 17 } 18 </style> 19 <div class="wrapper"> 20 <!-- The list items below should all render with the same "outside" 21 marker-positioning. --> 22 <li>unspecified</li> 23 <li style="list-style-position: outside">outside</li> 24 <li style="list-style-position: initial">initial</li> 25 <li style="list-style-position: inherit">inherit</li> 26 <li style="list-style-position: unset">unset</li> 27 <li style="list-style-position: revert">revert</li> 28 <li style="list-style-position: revert-layer">revert-layer</li> 29 </div>