Назад Вперед Зміст

Зміна типу нумерації

Для створення нумерованих списків використовується тег:

<ol> ... </ol>

Кожен пункт списку записується в тегах:

<li>Текст пункту</li>

1. Цифрова нумерація

За замовчуванням. Вигляд: 1, 2, 3, ...

<ol type="1">
  <li>Пункт 1</li>
  <li>Пункт 2</li>
</ol>

2. Латинські малі літери

Вигляд: a, b, c, ...

<ol type="a">
  <li>Пункт a</li>
  <li>Пункт b</li>
</ol>

3. Латинські великі літери

Вигляд: A, B, C, ...

<ol type="A">
  <li>Пункт A</li>
  <li>Пункт B</li>
</ol>

4. Римські малі цифри

Вигляд: i, ii, iii, ...

<ol type="i">
  <li>Пункт i</li>
  <li>Пункт ii</li>
</ol>

5. Римські великі цифри

Вигляд: I, II, III, ...

<ol type="I">
  <li>Пункт I</li>
  <li>Пункт II</li>
</ol>

Атрибут start

Початкове число можна змінити за допомогою start:

<ol type="1" start="5">
  <li>Пункт 5</li>
  <li>Пункт 6</li>
</ol>

Примітка: Атрибут type офіційно застарів у HTML5, але він працює у браузерах. У сучасній верстці стиль нумерації часто задають через CSS (list-style-type).

Тип нумерації задається властивістю list-style-type для елементів <ol>. Як значення цієї властивості вказується одне з п’яти ключових слів:

1. decimal нумерує списки звичайними арабськими цифрами (за замовчуванням).
2. lower-alpha нумерує список малими латинськими буквами.
3. upper-alpha нумерує список великими латинськими буквами.
4. lower-roman нумерує список римськими цифрами у нижньому регістрі.
5. upper-roman нумерує список римськими цифрами у верхньому регістрі.

Назад Вперед Зміст