Для створення римської нумерації списку до елемента <ol> додається атрибут type з значенням I (римські цифри у верхньому регістрі — I, II, III) або значенням i (римські цифри у нижньому регістрі — i, ii, iii). У прикладі 1 показано створення списку з римськими цифрами.
Приклад 1. Використання атрибута type
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Римські цифри</title> </head> <body> <ol type="I"> <li>тисячоліття до н. е.</li> <li>тисячоліття до н. е.</li> <li>тисячоліття до н. е.</li> </ol> </body> </html>
Результат цього прикладу показаний на рис. 1. Зверніть увагу, що нумерація вирівнюється за точкою. /p>
Мал. 1. Вигляд нумерованого списку
Також можна керувати типом нумерації через стилі. Для цього до селектора ol або li треба додати властивість list-style-type зі значенням upper-roman або lower-roman. У прикладі 2 показано створення списку з римськими цифрами в нижньому регістрі.
Приклад 2. Використання властивості list-style-type
<!DOCTYPE html> ;
<html>
<head>
<meta charset="utf-8">
<title>Римські цифри</title> <style> li { list-style-type: lower-roman; /* Цифри i, ii, iii,… */
}
</style>
</head>
<body> <ol type="I"> <li>тисячоліття до н. е.</li> <li>тисячоліття до н. е.</li> <li>тисячоліття до н. е.</li> <li>тисячоліття до н. е.</li>
</ol>
</body>
</html>Результат цього прикладу показаний на рис. 2.
