CSS властивості
ГлавнаяБлогЯк розпочати нумерацію списку з певного числа?

Як розпочати нумерацію списку з певного числа?

148

Щоб розпочати список із заданого числа, додайте до першого елемента <li> атрибут value з числом як значення. З цього числа й буде нумеруватися подальший список (приклад 1).

Приклад 1. Використання атрибута value

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Список, що починається зі ста</title>
</head>
<body> <p>Наступна сотня найкращих фільмів</p> <ol> <li value="100">Балада про солдата (1959)</li> <li>Хоббіт: Несподівана подорож (2012)</li> <li>Свідок звинувачення (1957)</li> <li>Брат (1997)</li> <li>Малюшка на мільйон (2004)</li> <li>Шерлок Холмс та доктор Ватсон: Кривавий напис (1979)</li>
</ol>
</body>
</html>

Результат цього прикладу показаний на рис. 1.

Список, що починається зі ста

Мал. 1. Список, що починається зі ста

Допускається використовувати у списку кілька атрибутів value, тоді можна отримати нумерацію, що переривається, на зразок: 100, 101, 1, 2. Також початковий номер списку встановлюється за допомогою атрибуту start елемента <ol> (приклад 2).

Приклад 2. Використання атрибуту start

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Список, що починається з шести</title>
</head>
<body> <ol start="6"> <li>дюймів — 15,24 мм</li> <li>дюймів — 17,78 мм</li> <li>дюймів — 20,32 мм</li>
</ol>
</body>
</html>

Результат цього прикладу показаний на рис. 2.

Список, що починається з шести

Мал. 2. Список, що починається з шести