<li>: Елемент списку

{{HTMLSidebar}}

Елемент <li> HTML використовується для створення елементів списку. Він повинен міститися в одному з таких батьківських елементів: впорядкований список (<ol>), невпорядкований список (<ul>) або меню (<menu>). У меню та невпорядкованих списках елементи списків зазвичай позначаються маркерами. У впорядкованих списках маркери здебільшого виводяться ліворуч у вигляді лічильника, що зростає – чисел або літер.

Спробуйте його в дії

Атрибути

Цей елемент приймає лише глобальні атрибути.

value

Цей цілочисельний атрибут вказує поточне порядкове значення елемента списку, визначеного елементом <ol>. Даний атрибут може мати лише числове значення, навіть якщо список оформлений римськими цифрами або літерами. Елементи списку, що йдуть далі, використовують це значення для нумерування. Атрибут value не впливає на невпорядковані списки (<ul>) і меню (<menu>).

type

Цей односимвольний атрибут вказує на тип нумерації:

• a: маленькі літери
• A: великі літери
• i: маленькі римські числа
• I: великі римські числа
• 1: числа

Заданий таким чином тип перевизначає той, який використовується батьківським елементом

, якщо такий є.

Примітка: Цей атрибут нерекомендований; замість нього використовуйте властивість CSS list-style-type.

Приклади

Докладніші приклади дивіться на сторінках елементів <ol> та <ul>.

Впорядкований список

<ol>
  <li>перший елемент</li>
  <li>другий елемент</li>
  <li>третій елемент</li>
</ol>

Результат

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

<ol type="I">
  <li value="3">третій елемент</li>
  <li>четвертий елемент</li>
  <li>пʼятий елемент</li>
</ol>

Результат

Невпорядкований список

<ul>
  <li>перший елемент</li>
  <li>другий елемент</li>
  <li>третій елемент</li>
</ul>

Результат

Технічний підсумок

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

Сумісність із браузерами

Дивіться також

• Інші HTML елементи, що повʼязані зі списками: <ul>, <ol>, <menu> та застарілий <dir>;

• Властивості CSS, що можуть бути особливо корисними для надання стилів елементу <li>:

  • властивість list-style – для вибору способу показу нумерації,
  • Лічильники CSS – для управління складними вкладеними списками,
  • властивість margin – для керування відступом елемента списку.