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

CSS-свойство list-style-position указывает положение маркера элемента списка относительно элемента списка.

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

Синтаксис

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

list-style-position: inside | outside | initial | inherit

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

ol {
    list-style-position: inside;
}
ul {
    list-style-position: outside;
}

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

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

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

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