Свойство 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,
которое является сокращением для маркеров