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

🕛 19.01.2009, 23:36

Для этой цели применяется стилевой атрибут list-style-type со значением none. Его следует добавить к селектору UL или LI как показано в примере 1.

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

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>Убираем маркеры в списке</title> <style type="text/css"> LI { list-style-type: none; /* Убираем маркеры */ } UL { margin-left: 0; /* Отступ слева в браузере IE и Opera */ padding-left: 0; /* Отступ слева в браузере Firefox */ } </style> </head> <body> <ul> <li>Север</li> <li>Юг</li> <li>Запад</li> <li>Восток</li> </ul> </body>
</html>

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