Изменение стиля маркеров списка или удаление маркеров
Решение
Стиль маркеров ненумерованного списка можно изменить с помощью свойства list-style-type. Прежде всего рассмотрим следующую размет- ку списка:
chapter02/listtype.html (фрагмент)
<ul>
<li>list item one</li>
<li>list item two</li>
<li>list item three</li>
</ul>
Для отображения маркеров в виде квадратиков, как на рис. 2.24, следу- ет присвоить свойству list-style-type значение square:
chapter02/listtype.css
ul {
list-style-type: square;
}
Рис. 2.24. Маркеры списка в виде квадратиков
Обсуждение
Свойство list-style-type может иметь следующие значения: disc, cir- cle, decimal-leading-zero, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha и none.
Не все броузеры обеспечивают поддержку всех перечисленных свойств. Если броузер не поддерживает указанное значение, будет отображаться маркер, используемый по умолчанию. Информацию о различных ти- пах маркеров и их поддержке броузерами можно найти в наборе тестов CSS2 для list-style-type.1 Значение none удаляет маркеры из списка, причем каждый пункт по-прежнему будет отображаться с отступом, как будто на месте маркеров осталось пустое пространство, как можно видеть на рис. 2.25.
ul {
list-style-type: none;
}
Рис. 2.25. Список без маркеров
1 http://www.meyerweb.com/eric/css/tests/css2/sec12-06-02a.htm
Литература: Эндрю Р. CSS: 100 и 1 совет, 3-е издание. – Пер. с англ. – СПб: Символ-Плюс, 2010. – 336 с., ил.
Похожие посты:
- Изменение высоты строки (межстрочного интервала) в тексте (0)
- Использование изображения вместо маркера списка (0)
- Удаление у пунктов списка отступа слева (0)
- Навигация (0)
- Создание навигационного меню с подпунктами с помощью списков и таблиц стилей (0)
- Оформление карты сайта (0)
- Справочник по обобщенным представлениям Django (0)