Щоб приховати відображення маркерів у списку, застосовується стильова властивість 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 з нульовим значенням.