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> блочный и он будет переноситься на следующую строку.

Поддержка браузеров

Свойство list-style-position поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.