list-style-image
Legt einen Wert fest, der angibt, welches Bild als "list-item"-Marker für das Objekt verwendet werden soll.
Syntax
{ list-style-image: sLocation }
Mögliche Werte
sLocation
Zeichenfolge, mit der einer der folgenden Werte angegeben oder empfangen wird:
none |
Standard. Kein Bild angegeben. |
url(sURL) |
Speicherort des Bilds, wobei sURL ein absoluter oder relativer URL ist. |
Diese Eigenschaft hat den Standardwert none. Sie wird vererbt.
Hinweise
Die list-style-image-Eigenschaft kann auf jedes Element angewendet werden, wenn margin und display:list-item angewendet werden.
Wenn das Bild verfügbar ist, ersetzt es den Marker, der mit dem list-style-type-Marker festgelegt ist.
Wenn der linke Rand des Listenelements auf 0 festgelegt ist und eine der margin-Eigenschaften verwendet wird, wird der Listenelementmarker nicht angezeigt. Der Rand sollte mindestens auf den Wert "30 Punkt" gesetzt werden.
Beispiele
Im folgenden Beispiel wird die list-style-image-Eigenschaft verwendet, um das Bild für Marker festzulegen. In diesem Beispiel wird ein UL-Element als Selektor in einem eingebetteten Stylesheet verwendet, um den Marker auf das Bild dot.gif festzulegen.
<style>
ul {list-style-image:url(dot.gif)}
</style>
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