Egenskapen list-style-position
Egenskapen list-style-position ställer in
hur listans markör ska visas:
innanför eller utanför listan ul
eller ol.
Syntax
selektor {
list-style-position: inside | outside;
}
Värden
| Värde | Beskrivning |
|---|---|
inside |
Markören finns innanför listan. |
outside |
Markören finns utanför listan. |
Standardvärde: outside.
Exempel . Värdet inside
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Exempel . Värdet outside
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Se även
-
egenskapen
list-style-type,
som anger typen av listmarkörer -
egenskapen
list-style-type,
som anger typen av listmarkörer -
egenskapen
list-style,
som är en förkortning för markörer
