Как убрать маркеры в списке?
Чтобы скрыть отображение маркеров в списке применяется стилевое свойство 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
Редакторы: Влад Мержевич