Eigenschap list-style-position
De eigenschap list-style-position bepaalt
hoe de lijstmarkeerder wordt weergegeven:
binnen of buiten de lijst ul
of ol.
Syntaxis
selector {
list-style-position: inside | outside;
}
Waarden
| Waarde | Beschrijving |
|---|---|
inside |
De markeerder bevindt zich binnen de lijst. |
outside |
De markeerder bevindt zich buiten de lijst. |
Standaardwaarde: outside.
Voorbeeld . Waarde inside
<ul>
<li>lijstitem</li>
<li>lijstitem</li>
<li>lijstitem</li>
<li>lijstitem</li>
<li>lijstitem</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Voorbeeld . Waarde outside
<ul>
<li>lijstitem</li>
<li>lijstitem</li>
<li>lijstitem</li>
<li>lijstitem</li>
<li>lijstitem</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Zie ook
-
de eigenschap
list-style-type,
die het type lijstmarkeerders instelt -
de eigenschap
list-style-type,
die het type lijstmarkeerders instelt -
de eigenschap
list-style,
die een afkorting is voor markeerders
