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

См. также list-style-type, list-style-image, list-style.

Синтаксис

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

Значения

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

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

Примеры

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

ul {
	list-style-position: inside;
	border: 1px solid #C1C1D0; 
	width: 200px;
}

Результат выполнения кода:

  • html
  • css
  • php
  • javascript
  • jquery

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

ul {
	list-style-position: outside;
	border: 1px solid #C1C1D0; 
	width: 200px;
}

Результат выполнения кода:

  • html
  • css
  • php
  • javascript
  • jquery