Core Code
Core Code Modern Dev Handbook

CSS List Image Marker

List-style-image can replace default markers with images.

Preview

Code

<style>
ul{
list-style-image:url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/icons/star-fill.svg);
}
</style>

<ul>
<li>Custom image marker</li>
<li>Custom image marker</li>
</ul>

More CSS Lists Examples (7)

example CSS Basic List Styling open example example CSS Remove List Bullets open example example CSS Ordered List Style open example example CSS List Style Position open example example CSS Custom Marker open example example CSS Horizontal List open example example CSS Navigation List open example