Тег <ol>

Синтаксис

Описание

Тег <ol> (от англ. ordered list — упорядоченный список) устанавливает нумерованный список.

В качестве нумерующих элементов могут выступать следующие значения:

арабские числа (1, 2, 3, ...);
прописные латинские буквы (A, B, C, ...);
строчные латинские буквы (a, b, c, ...);
прописные римские числа (I, II, III, ...);
строчные римские числа (i, ii, iii, ...).

Для указания типа нумерованного списка применяется атрибут type.

Тег <ol> относится к блочным элементам, он всегда начинается с новой строки, а другие элементы после неё отображаются на следующей строке.

Внимание!

Внутри контейнера <ol> должен располагаться тег <li>, который наследует свойства контейнера.

Альтернативой для нумерованного списка <ol> есть маркированный (неупорядоченный) список <ul>.

Атрибуты, которые можно использовать в теге <ol>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут	Значение	Описание
compact	URL-адрес	Указывает базовый URL-адрес для всех относительных URL-адресов на странице. Не поддерживается в HTML5
reversed	reversed	Указывает, что элементы списка должны идти в порядке убывания (вместо обычного порядка по возрастанию)
start	число	Задаёт число, с которого будет начинаться нумерованный список. Число может быть отрицательным
type	1 A a I i	Определяет вид маркера списка

Пример

HTML-код:

<!DOCTYPE html>

<head>

</head>

<body>

<ol>

<li>Иванов</li>

<li>Петров</li>

<li>Сидоров</li>

</ol>

<ol type="A">

<li>HTML</li>

<li>CSS</li>

<li>JavaScript</li>

<li>React</li>

</ol>

</body>

</html>

Отображение в браузере:

Иванов
Петров
Сидоров

HTML
CSS
JavaScript
React

Параметры CSS по умолчанию

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}