CSS справочник

CSS свойства списков

CSS справочник | Свойства списков

list-style

— определяет свойства маркера или номера позиции списка:

list-style: list-style-image | list-style-position | list-style-type

list-style-image

— вместо маркера элемента списка отображается рисунок:

list-style-image: url(xxx.jpg)

list-style-position

— определяет позицию маркера:

list-style-position: outside | inside   →   значение outside (по умолчанию)

отображает маркер элемента списка на некотором расстоянии от строки; inside – отображает

маркер элемента списка в качестве первого символа строки.

list-style-type

— определяет тип маркера или номер позиции списка:

list-style-type: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none

list-style-type: disc   →   отображает закрашенный кружок (значение по умолчанию);

list-style-type: circle   →   окружность;

list-style-type: square   →   закрашенный квадрат;

list-style-type: decimal   →   маркерами являются арабские цифры;

list-style-type: lower-roman   →   маленькие римские цифры;

list-style-type: upper-roman   →   большие римские цифры;

list-style-type: lower-alpha   →   маленькие латинские буквы;

list-style-type: upper-alpha   →   большие латинские буквы;

list-style-type: none   →   маркер отсутствует.

Автор проекта - Вася Митин | Дата публикации: Октябрь 2009 | Обновление: Ноябрь 2018

CSS справочник | position   CSS списки   CSS справочник | Видимость элементов