CA Resources
Lists/CSS 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>

Most Popular Web Browsers

  • Mozilla Firefox
  • Google Chrome
  • Opera Browser
  • Microsoft Edge
  • Safari Browser

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

Edit on GitHub

Last updated on

List Style Type

Customize the list item markers in ordered and unordered lists using the list-style-type property.

List Style Position

Control the placement of list item markers in unordered lists using the list-style-position property.