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

Определяет, как будет размещаться маркер относительно текста.

CSS синтаксис

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

Возможные значения

ЗначениеОписание
insideМаркер является частью текстового блока и отображается в элементе списка.

Пример:

  • Кофе
  • Чай
  • Какао
outsideЗначение по умолчанию. Текст выравнивается по левому краю, а маркеры размещаются за пределами текстового блока.

Пример:

  • Кофе
  • Чай
  • Какао
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Установим, что маркер элементов списка является частью текстового блока


ul {
     list-style-position: inside;
}