Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-lists/list-style-position-001.html - WPT Dashboard Interop Dashboard
<!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="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>