Списки

При выводе списка на экран CSS позволяет управлять его пульками (bullets). Пулька — это символ перед пунктом меню.

Можно изменить форму пульки или заменить пульку изображением.

Атрибуты управления списками находятся в том же наборе что и атрибут display, который может иметь только значение none и скрывает элемент на странице.

Атрибут display управляет только выводом элемента на дисплей, но фактически не позволяет вывести изображение даже при печати на принтере.

Форма пулек

Форма пулек управляется атрибутом list-style-type, который для неупорядоченных списков может принимать следующие значения:
• circle — круг;
• disc — диск;
• square — квадрат.

Для упорядоченных списков атрибут list-style-type может принимать следующие значения:
1. lower-alpha — строчные буквы;
2. lower-roman — строчные римские числа;
3. upper-roman — прописные римские числа.

Для отключения отображения пулек атрибуту list-style-type необходимо присвоить значение none.

Нестандартные пульки

Если верстальщику нужны нестандартные пульки, он может использовать вместо стандартных любое подходящее изображение. Для этого существует атрибут list-style-image, значением которого является url('url_изображения')

Netscape Navigator не поддерживает атрибут list-style-image.

Обновлено: 1:38 03.09.2019

Назад