Справочник HTML

Атрибут type

4 12 1 15 4 1
4.4 4 14 3.2

Устанавливает вид нумерации в упорядоченном (нумерованном) списке.

Синтаксис

<ol type="A | a | I | i | 1">...</ol>
Описание Пример
<тип> Указывает тип значения. <размер>
A && B Значения должны выводиться в указанном порядке. <размер> && <цвет>
A | B Указывает, что надо выбрать только одно значение из предложенных (A или B). normal | small-caps
A || B Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке. width || count
[ ] Группирует значения. [ crop || cross ]
* Повторять ноль или больше раз. [,<время>]*
+ Повторять один или больше раз. <число>+
? Указанный тип, слово или группа не является обязательным. inset?
{A, B} Повторять не менее A, но не более B раз. <радиус>{1,4}
# Повторять один или больше раз через запятую. <время>#

Значения

Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от атрибутов элемента <ol>, который и используется для создания списка. В качестве маркеров могут быть следующие значения:

  • заглавные латинские буквы;
  • строчные латинские буквы;
  • заглавные римские цифры;
  • строчные римские цифры;
  • арабские цифры.

В табл. 1 приведены различные значения атрибута type элемента <ol> и результат их применения.

Табл 1. Параметры нумерованного списка
Код Описание Пример
<ol type="A"> ... </ol> Заглавные латинские буквы
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol type="a"> ... </ol> Строчные латинские буквы
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol type="I"> ... </ol> Заглавные римские цифры
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol type="i"> ... </ol> Строчные римские цифры
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol type="1"> ... </ol> Арабские цифры
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк

Значение по умолчанию

1

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>OL, атрибут type</title> </head> <body> <ol type="a"> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ol> </body> </html>