Какие существуют способы стилизации маркеров в HTML?

Несколько способов стилизации маркеров в HTML с помощью CSS:

• Свойство list-style-type. vertex-academy.com skyeng.ru Задаёт вид маркера. vertex-academy.com Для ненумерованных списков (<ul>) возможны значения circle (пустой кружок), disc (зарисованный кружок) и square (квадратный маркер). vertex-academy.com Для нумерованных списков (<ol>) — decimal (стандартная нумерация), upper-alpha (большие латинские буквы), lower-alpha (маленькие латинские буквы) и другие. vertex-academy.com
• Свойство list-style-position. vertex-academy.com webref.ru Управляет положением маркера относительно текста списка. vertex-academy.com Возможные значения: outside (маркеры размещаются за пределами текстового блока, это значение по умолчанию) и inside (маркеры являются частью текстового блока и отображаются в элементе списка). webref.ru
• Свойство list-style-image. vertex-academy.com hcdev.ru Позволяет заменять маркеры списка изображениями. hcdev.ru Можно использовать любой медиатип или даже URI данных. hcdev.ru
• Псевдоэлемент ::marker. sky.pro hcdev.ru Позволяет выбрать только маркер, а не стилизовать весь список. hcdev.ru С его помощью можно поменять цвет маркеров, не затрагивая текст. sky.pro
• Псевдоэлемент ::before. sky.pro webref.ru Даёт возможность более точно управлять внешним видом маркеров. sky.pro Можно убрать стандартные маркеры с помощью свойства list-style: none и создать собственные, используя ::before. sky.pro