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
поддерживается во всех основных браузерах.