Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Завдання
У нумерованном списку виводити римські числа замість арабських.
Рішення
Для зміни виду нумерації списку і виведення римських чисел використовується властивість list-style-type зі значенням upper-roman для великих символів (приклад 1) і lower-roman для маленьких.
Приклад 1. Римські числа
HTML5CSS 2.1IECrOpSaFx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Римські числа</title> <style> ol { list-style-type: upper-roman; /* Великі римські числа */ } </style> </head> <body> <ol> <li>Перший</li> <li>Другий</li> <li>Третій</li> <li>Четвертий</li> </ol> </body> </html>
Результат цього прикладу показано на рис. 1.
Рис. 1. Римська нумерація в списку