Black Lives Matter! ✊🏾

::marker

The ::marker pseudo-element represents the automatically generated marker box of a list item. 4.2. List Markers: the ::marker pseudo-element

Links about ::marker

  1. Custom bullets with CSS ::marker

    posted on

    It is now trivial to customize the color, size or type of number or bullet when using a <ul> or <ol>.

  2. List Style Recipes | CSS-Tricks

    posted on by Chris Coyier

    Lists are a fundamental part of HTML! They are useful in things like blog posts for listing out steps, recipes for listing ingredients, or items in a

  3. CSS Lists, Markers, And Counters — Smashing Magazine

    posted on by Rachel Andrew

    There is more to styling lists in CSS than you might think. In this article, Rachel starts by looking at lists in CSS, and moving onto some interesting features defined in the CSS Lists specification &mdash; markers and counters.

  4. ::marker | CSS-Tricks

    posted on by Geoff Graham

    The ::marker pseudo-element is for applying list-style attributes on a given element. It effectively targets the bullet-point or number generated by a

Code sample

::marker {
font-variant-numeric: tabular-nums;
}