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

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

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

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

Что бы долго не бегать инкремент вот так используется
ol {
    list-style-type: none; /* Убираем исходные маркеры */
    counter-reset:  item; /* Обнуляем счетчик списка */
}
li::before {
    content: counter(item);
    counter-increment: item; /* Задаём имя счетчика */
}
  • Вопрос задан
  • 107 просмотров
Решения вопроса 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 можно сделать кастомную нумерацию
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 руб.
HTML Academy Санкт-Петербург
от 130 000 до 160 000 руб.
Smart Медицина Москва
от 120 000 руб.
26 марта 2019, в 01:09
40000 руб./за проект
26 марта 2019, в 00:54
40000 руб./за проект
26 марта 2019, в 00:31
20000 руб./за проект