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