@pilolin
Начинающий программист

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

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

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

Что бы долго не бегать инкремент вот так используется
ol {
    list-style-type: none; /* Убираем исходные маркеры */
    counter-reset:  item; /* Обнуляем счетчик списка */
}
li::before {
    content: counter(item);
    counter-increment: item; /* Задаём имя счетчика */
}
  • Вопрос задан
  • 100 просмотров
Решения вопроса 2
Добавить вторым параметром в функцию 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
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
как вариант на js можно сделать кастомную нумерацию
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы