list-style-type: <string>

CSS

Allows a stylesheets to use an arbitrary character for the list style marker. Examples include "-", "+", "★" and "▸". Since CSS Level 2, list-style-type has supported keywords like "disc" or "decimal" to define the appearance of the list item marker.

Without this, developers are often forced to hide the real marker and insert the arbitrary marker using a ::before pseudo-element via the content property. Unfortunately, the fake marker won't be nicely positioned by list-style-position. Alternatively, developers can use an image (such as an SVG) and reference it using the url() function. This sometimes produces less than desirable results.

Documentation

https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type#%3Cstring%3E

Specification

Working draft or equivalent

Status in Chromium

Blink components: Blink>CSS

Enabled by default (tracking bug) in:

Chrome for desktop release 79
Chrome for Android release 79
Android WebView release 79

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Firefox: Shipped/Shipping
Edge: No signal
Safari: No signal
Web Developers: Positive

Owner

obrufau@igalia.com

Last updated on 2020-08-01