5.6 Eigene Grafiken als Marker für Listeneinträge verwenden

Problem

Sie wollen eine eigene Grafik als Marker für Listeneinträge verwenden—zum Beispiel das in Abbildung 5-6 gezeigte Bild eines Karos.

Eigene grafische Marker für Listeneinträge

Abbildung 5-6. Eigene grafische Marker für Listeneinträge

Lösung

Verwenden Sie die Eigenschaft list-style-image, um eine Grafik für den Marker anzugeben:

ul {
 list-style-type: disc;
 list-style-image: url(bullet.gif);
}

Diskussion

Mit der Eigenschaft list-style-image können Sie den Speicherort der Grafik angeben, die Sie als Marker verwenden wollen. Da sich die Größe des Bildes mit CSS nicht verändern lässt, muss das Bild bereits die korrekten Dimensionen haben. ...

Get CSS Kochbuch now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial