# Свойство list-style-position

Свойство `list-style-position` устанавливает то, как будет отображаться маркер списка: внутри или снаружи списка `ul` или `ol`.

## Синтаксис

`селектор { list-style-position: inside | outside; }`

## Значения

Значение | Описание
--- | ---
`inside` | Маркер находится внутри списка.
`outside` | Маркер находится снаружи списка.

Значение по умолчанию: `outside`.

## Пример . Значение inside

`<ul> <li>list item</li> <li>list item</li> <li>list item</li> <li>list item</li> <li>list item</li> </ul>` `ul { list-style-position: inside; border: 1px solid red; width: 200px; padding-left: 0; margin-left: 10px; }`

:

## Пример . Значение outside

`<ul> <li>list item</li> <li>list item</li> <li>list item</li> <li>list item</li> <li>list item</li> </ul>` `ul { list-style-position: outside; border: 1px solid red; width: 200px; padding-left: 0; margin-left: 10px; }`

:

## Смотрите также

- свойство `list-style-type`,
  которое задает тип маркеров списка
- свойство `list-style-image`,
  которое задает маркеры в виде заданных картинок
- свойство `list-style-style`,
  которое является сокращением для маркеров

←→
↑