::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 September 2, 2020

   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 May 5, 2020 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 July 9, 2019 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 May 22, 2019 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;
}