ListsCSS Properties

List Style Image

Specify an image as the list item marker in unordered lists using the list-style-image property.

The list-style-image property used to specify an image as the list item marker in unordered lists.

<body>
  <h1>Most Popular Web Browsers</h1>
  <ul style="list-style-image: url(‘checkmarker.png‘);">
    <li>Mozilla Firefox</li>
    <li>Google Chrome</li>
    <li>Opera Browser</li>
    <li>Microsoft Edge</li>
    <li>Safari Browser</li>
  </ul>
</body>

Toggle light mode to see the image used in the output 😁.

List Style Type

List Style Position

List Style Image

On this page