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

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

CSS синтаксис

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

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

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

Пример:

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

Пример:

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

Пример

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


ul {
     list-style-position: inside;
}