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

Задает позицию маркера элементов списка относительно списка

list-style-position: inside;
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все

Значения

list-style-position: inside;

Позиция маркера внутри списка. Маркер является первым элементом элемента списка

<style>
.example-1 {
    margin: 0;
    padding: 0;
    background: #ebf1fe;
    list-style-position: inside;
}
</style>

<ul class="example-1">
    <li>Элемент списка</li>
    <li>Элемент списка</li>
    <li>Элемент списка</li>
</ul>
<br>
<ol class="example-1">
    <li>Элемент списка</li>
    <li>Элемент списка</li>
    <li>Элемент списка</li>
</ol>
  • Элемент списка
  • Элемент списка
  • Элемент списка

  1. Элемент списка
  2. Элемент списка
  3. Элемент списка
list-style-position: outside;

Маркер элемента списка находится вне блока списка

<style>
.example-2 {
    margin: 0;
    padding: 0;
    background: #ebf1fe;
    list-style-position: outside;
}
</style>

<ul class="example-2">
    <li>Элемент списка</li>
    <li>Элемент списка</li>
    <li>Элемент списка</li>
</ul>
<br>
<ol class="example-2">
    <li>Элемент списка</li>
    <li>Элемент списка</li>
    <li>Элемент списка</li>
</ol>
  • Элемент списка
  • Элемент списка
  • Элемент списка

  1. Элемент списка
  2. Элемент списка
  3. Элемент списка

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

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии