Eigenschaft list-style-position
Die Eigenschaft list-style-position legt fest,
wie der Listenmarker angezeigt wird:
innerhalb oder außerhalb der ul-
oder ol-Liste.
Syntax
Selektor {
list-style-position: inside | outside;
}
Werte
| Wert | Beschreibung |
|---|---|
inside |
Der Marker befindet sich innerhalb der Liste. |
outside |
Der Marker befindet sich außerhalb der Liste. |
Standardwert: outside.
Beispiel . Wert inside
<ul>
<li>Listenelement</li>
<li>Listenelement</li>
<li>Listenelement</li>
<li>Listenelement</li>
<li>Listenelement</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Beispiel . Wert outside
<ul>
<li>Listenelement</li>
<li>Listenelement</li>
<li>Listenelement</li>
<li>Listenelement</li>
<li>Listenelement</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Siehe auch
-
die Eigenschaft
list-style-type,
die den Typ der Listenmarker festlegt -
die Eigenschaft
list-style-type,
die den Typ der Listenmarker festlegt -
die Eigenschaft
list-style,
die eine Kurzschreibweise für Marker ist