list-style-position
Legt eine Variable fest, die angibt, wie der "list-item"-Marker relativ zum Inhalt des Objekts gezeichnet wird.
Syntax
{ list-style-position: sPosition }
Mögliche Werte
sPosition
Zeichenfolge, mit der einer der folgenden Werte angegeben oder empfangen wird:
outside |
Standard. Der Marker wird außerhalb des Texts angeordnet, und umbrechender Text wird nicht unterhalb des Markers ausgerichtet. |
inside |
Der Marker wird innerhalb des Texts angeordnet, und umbrechender Text wird unterhalb des Markers ausgerichtet. |
Diese Eigenschaft hat den Standardwert outside. Die CSS-Eigenschaft wird vererbt.
Hinweise
Die list-style-position-Eigenschaft kann auf alle Elemente angewendet werden, wenn margin und display:list-item angewendet werden.
Wenn der linke Rand eines Listenelements mit einer der margin-Eigenschaften auf 0 festgelegt ist, werden die list-item-Marker nicht angezeigt. Der Rand sollte mindestens auf den Wert "30 Punkt" gesetzt werden.
Beispiele
Im folgenden Beispiel wird die list-style-position-Eigenschaft verwendet, um die Position für die Marker festzulegen. Es werden die Elemente UL und UL.COMPACTP in einem eingebetteten (globalen) Stylesheet als Selektor verwendet, um die Position der list-item-Marker festzulegen:
<style>
ul {list-style-position:inside}
ul.compact {list-style-position:outside}
</style>
</head>
<body>
<ul>
<li>...
<li>...
</ul>
<ul class=compact>
<li>...
<li>...
</ul>
Informationen zu Standards
Diese Eigenschaft ist unter Cascading Style Sheets (CSS), Level 1 (CSS1) (möglicherweise in englischer Sprache) definiert.
Gilt für
LI, OL, UL