list-style-image
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Mit der Eigenschaft list-style-image wird eine Bilddatei als Aufzählungszeichen für Listenelemente eingesetzt. Die Eigenschaft kann zwar extra für jeden einzelnen li-Eintrag in einer Liste deklariert werden. Empfohlen wird jedoch, die Eigenschaft für die übergeordneten Listen-Elemente ol oder ul zu deklarieren und an die untergeordneten li-Elemente vererben zu lassen.
Bei einer Deklaration von list-style-image sollte auch immer list-style-type deklariert werden. Der Browser benutzt diese Eigenschaft als Alternative, falls das Bild für die Listenzeichen aus irgendwelchen Gründen nicht geladen werden kann.
Beachten Sie das Verhalten dieser Eigenschaft bei Vererbung in verschachtelten Listen. Wie Sie daraus entstehende Probleme vermeiden können, erklärt die Beschreibung von list-style.
Vererbt: Ja
Siehe auch: list-style, list-style-type
Werte
Eine URL (url()) oder none.
Standardwert: none
Kompatibilität
CSS-Version: 1
Funktioniert in allen CSS-fähigen Browsern, mit Ausnahme von Netscape 4.
Beispiel
Die erste der folgende Stilregeln zeigt als Aufzählungslisten (ul) das Bild bullet.gif und benutzt das Zeichen square als Ausweichlösung. Die zweite Stilregel setzt für nummerierte Listen list-style-image auf none, um zu verhindern, dass das Bild bei Verschachtelungen als Aufzählungszeichen vererbt wird. Stattdessen werden dezimale Ziffern verwendet.
ul {
list-style-image: url(/images/bullet.gif);
list-style-type: square;
}
ol {
list-style-image: none;
list-style-type: decimal;
}| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg