Справочник CSS

list-style: маркеры списков

list-style управляет стандартными маркерами списков. Краткая запись объединяет тип, положение и изображение, а ::marker позволяет менять цвет и размер маркера.

Рабочий пример

.steps { list-style: decimal-leading-zero; }
.steps li::marker {
  color: #605cf4;
  font-weight: 700;
}

list-style-position: outside оставляет маркер снаружи текстового блока и обычно лучше читается. Удаление маркеров не меняет смысл элементов ul и ol, но может ухудшить визуальное распознавание списка.

Когда применять

Сохраняй семантический список даже при полностью собственном дизайне. Для сложной иконки можно использовать псевдоэлемент, но нумерацию шагов лучше доверить ol.

Проверь пример самостоятельно: измени исходные данные, убери одну строку и сравни результат. Такой короткий эксперимент помогает увидеть роль каждого свойства или метода и не превращает обучение в механическое копирование.

Частые ошибки

• Заменять список набором div
• Удалять маркеры без другого визуального признака
• Использовать растровый list-style-image без контроля размера