+7 (812) 914-82-98
Реклама в интернете

Реклама в интернете

Рекламное интернет-агентство «Heika» в Санкт-Петербурге предлагает ряд эффективных рекламных решений.

Читать далее

Создание сайтов

Создание сайтов

Создание сайта – большой проект. Эффективность вашего бизнеса в интернете зависит от комплексного подхода к решению задач.

Читать далее

Продвижение сайтов

Продвижение сайтов

Мы создаем сайт, учитывая принципы оптимизации сайта и психологию пользователя (оптимизированный html-код, оригинальность дизайна).

Читать далее

На главную Heika.ru

Стилизация списков с помощью CSS ::marker

Добавлено 10.07.2022 (наполнение сайта)

Существует много способов кастомизации списков, они все достаточно просты и понятны. Из всех способов стоит отметить один самый гибкий это свойство ::marker. Оно позволяет более гибко стилизовать списки с помощью CSS.

Для ::marker можно использовать следующие CSS свойства:

  • animation-*
  • transition-*
  • color
  • direction
  • font-*
  • content
  • unicode-bidi
  • white-space

Для примера воспроизведём популярную ситуацию когда надо сделать не стандартный нумерованный список:

li::marker {
	content: counter(list-item) ".) ";
	color: red;
}

Пример реализации

Добавить комментарий:

Для того, чтобы добавить коментарий, авторизируйтесь.