CSS-свойство list-style

CSS-свойство list-style определяет стиль отображения элементов списка. Это короткое свойство для установки отдельных свойств списка, то есть list-style-type, list-style-position, и list-style-image.

Значение по умолчанию:	Индивидуальные css-свойства
Применяется к:	Элементы списка
Наследование:	Да
Анимирование:	Нет. Анимируемые свойства
Версия:	CSS 1, 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

list-style: [ list-style-type list-style-position list-style-image ] | initial | inherit

Примеры написания кода свойства list-style:

ul {
    list-style: circle inside;
}
ol {
    list-style: upper-latin outside;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
`list-style-type`	Определяет стиль маркера для элемента списка.
`list-style-position`	Определяет положение маркера элемента списка.
`list-style-image`	Определяет изображение, которое будет использоваться в качестве маркера элемента списка.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `list-style`.

Лучше не использовать значение inside в основном контенте страницы, там где могут быть использованы теги <p> внутри тегов <li>. Дело в том, что маркер списка строчный элемент, а тег <p> блочный и он будет переноситься на следующую строку.