Как изменить стиль начертания нумерованного списка?

Question

[Алекс]

Необходимо стилизовать нумерованный список ol к такому виду


Нашел как создать кастомный список путем скрытие стандартного и через инкремент и псевдо-элемент добавление нужного с нужным начертанием, но как мне его сделать что бы все числа до 10 начинались с 0 не соображу.

Что бы долго не бегать инкремент вот так используется

ol {
    list-style-type: none; /* Убираем исходные маркеры */
    counter-reset:  item; /* Обнуляем счетчик списка */
}
li::before {
    content: counter(item);
    counter-increment: item; /* Задаём имя счетчика */
}

Answer 1

[Вадим Кот]

Добавить вторым параметром в функцию counter() decimal-leading-zero
В спецификации написано про параметр list-style-type https://www.w3.org/TR/CSS2/syndata.html#counter

https://codepen.io/maddesigns/pen/JGQejg
Ответ легко гуглится запросом css counter leading zero

Answer 2

[RAX7]

Answer 3

[Олег]

как вариант на js можно сделать кастомную нумерацию