<li> HTML-элемент списка

Элемент <li> HTML используется для представления элемента списка. Он должен находиться внутри родительского элемента: упорядоченного списка (<ol>), неупорядоченного списка (<ul>) или меню (<menu>). В меню и неупорядоченных списках элементы обычно отображаются с маркерами. В упорядоченных списках они обычно отображаются с возрастающим счётчиком слева, например числом или буквой.

Попробуйте

<p>Apollo astronauts:</p>

<ul>
  <li>Neil Armstrong</li>
  <li>Alan Bean</li>
  <li>Peter Conrad</li>
  <li>Edgar Mitchell</li>
  <li>Alan Shepard</li>
</ul>

p,
li {
  font:
    1rem "Fira Sans",
    sans-serif;
}

p {
  font-weight: bold;
}

Атрибуты

Этот элемент включает глобальные атрибуты.

value

Этот целочисленный атрибут указывает текущее порядковое значение элемента списка, определяемое элементом <ol>. Единственное допустимое значение этого атрибута — число, даже если список отображается римскими цифрами или буквами. Нумерация последующих элементов списка продолжается со значения, заданного этим атрибутом. Этот атрибут не имеет значения для неупорядоченных списков (<ul>) и меню (<menu>).

type

Этот атрибут-символ указывает тип нумерации:

• a: строчные буквы
• A: заглавные буквы
• i: строчные римские цифры
• I: заглавные римские цифры
• 1: числа

Этот тип переопределяет тип, используемый родительским элементом <ol>, если он есть.

Примечание: Этот атрибут устарел; вместо него используйте свойство CSS list-style-type.

Примеры

Более подробные примеры см. на страницах <ol> и <ul>.

Упорядоченный список

<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ol>

Результат

Упорядоченный список с заданным значением

<ol type="I">
  <li value="3">third item</li>
  <li>fourth item</li>
  <li>fifth item</li>
</ol>

Результат

Неупорядоченный список

<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

Результат

Техническая сводка

Спецификации

Совместимость с браузерами

См. также

• Другие HTML-элементы, связанные со списками: <ul>, <ol>, <menu> и устаревший <dir>;
• Свойства CSS, которые могут быть особенно полезны для оформления элемента <li>:
  • свойство list-style — для выбора способа отображения порядкового номера,
  • счётчики CSS — для управления сложными вложенными списками,
  • свойство margin — для управления отступом элемента списка.