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 →
маркер отсутствует.
CSS справочник | position
CSS списки
CSS справочник | Видимость элементов