Utilities for controlling the marker images for list items.
Use the list-image-[<value>] syntax to control the marker image for list items:
Use the <code>list-image-{'(<custom-property>)'}</code> syntax to control the marker image for list items using a CSS variable:
<!-- [!code classes:list-image-(--my-list-image)] -->
<ul class="list-image-(--my-list-image)">
<!-- ... -->
</ul>This is just a shorthand for <code>list-image-{'[var(<custom-property>)]'}</code> that adds the var() function for you automatically.
Use the list-image-none utility to remove an existing marker image from list items:
<!-- [!code classes:list-image-none] -->
<ul class="list-image-none">
<!-- ... -->
</ul>