Маркированный список (list-style) в CSS

13319

Содержание:

Стилизация списков UL LI

Стилизация списков UL LI

В разработке сайтов и создании Интернет-магазинов часто нужно выводить маркированные списки ul li в различных модулях. И постоянно возникают вопросы о том как правильно изменить стиль ul, как скрыть маркеры, как указать свой вывод маркера?

Как убрать или изменить маркер списка в CSS?

Решить можно 2-мя способами:
1. Изменить стандартный вывод ul маркера через стиль list-style-type
2. Добавить свой маркер li::before, а стандартный скрыть.

CSS код вариантов list-style-type:

Но как показывает практика лучше переопределить вывод маркеров на указанный content: "\2022" а стандартный скрыть list-style: none;

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