Как убрать маркеры в списке?

Чтобы скрыть отображение маркеров в списке применяется стилевое свойство list-style-type со значением none. Его следует добавить к селектору ul или li, как показано в примере 1.

Пример 1. Список без маркеров

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Убираем маркеры в списке</title> <style> li { list-style-type: none; /* Убираем маркеры */ } ul { padding-left: 0; /* Сдвигаем список влево */ } </style> </head> <body> <ul> <li>Север</li> <li>Юг</li> <li>Запад</li> <li>Восток</li> </ul> </body> </html>

Результат данного примера показан на рис. 1.

Список без маркеров

Рис. 1. Список без маркеров

Маркеры хотя и не отображаются в списке, но текст при этом всё равно оказывается сдвинут вправо. Чтобы управлять положением элементов списка, для селектора ul в данном примере добавлено свойство padding-left с нулевым значением.

Списки

См. также

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 18.09.2018

Редакторы: Влад Мержевич