| <!DOCTYPE HTML> |
| <meta charset="utf-8"> |
| <title>CSS Test: 'list-style-position:outside' should be the initial value and should result in 'outside' marker-positioning</title> |
| <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> |
| <link rel="help" href="https://drafts.csswg.org/css-lists-3/#propdef-list-style-position"> |
| <link rel="match" href="list-style-position-001-ref.html"> |
| <link rel="mismatch" href="list-style-position-001-notref.html"> |
| <style> |
| body { |
| /* Increase left margin to ensure we can see the list item's marker. */ |
| margin-left: 50px; |
| } |
| .wrapper { |
| border: 2px solid teal; |
| width: max-content; |
| margin-bottom: 2px; |
| } |
| </style> |
| <div class="wrapper"> |
| <!-- The list items below should all render with the same "outside" |
| marker-positioning. --> |
| <li>unspecified</li> |
| <li style="list-style-position: outside">outside</li> |
| <li style="list-style-position: initial">initial</li> |
| <li style="list-style-position: inherit">inherit</li> |
| <li style="list-style-position: unset">unset</li> |
| <li style="list-style-position: revert">revert</li> |
| <li style="list-style-position: revert-layer">revert-layer</li> |
| </div> |
