Как в списке вывести римские числа?
В нумерованном списке выводить римские числа вместо арабских.
Решение
Для изменения вида нумерации списка и вывода римских чисел используется свойство list-style-type со значением upper-roman для заглавных символов (пример 1) и lower-roman для строчных.
Пример 1. Римские числа
HTML5 CSS 2.1 IE Cr Op Sa Fx
Результат данного примера показан на рис. 1.
Рис. 1. Римская нумерация в списке
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
HTML коды символов римских цифр
Ниже представлена таблица разбитая по категориям с различными html кодами для символов.
| Обозначение | HTML код символа | Римские цифры |
| Ⅰ | Ⅰ | Римская цифра 1 |
| Ⅱ | Ⅱ | Римская цифра 2 |
| Ⅲ | Ⅲ | Римская цифра 3 |
| Ⅳ | Ⅳ | Римская цифра 4 |
| Ⅴ | Ⅴ | Римская цифра 5 |
| Ⅵ | Ⅵ | Римская цифра 6 |
| Ⅶ | Ⅶ | Римская цифра 7 |
| Ⅷ | Ⅷ | Римская цифра 8 |
| Ⅸ | Ⅸ | Римская цифра 9 |
| Ⅹ | Ⅹ | Римская цифра 10 |
| Ⅺ | Ⅺ | Римская цифра 11 |
| Ⅻ | Ⅻ | Римская цифра 12 |
Как сделать нумерацию римскими цифрами?
Для создания римской нумерации списка к элементу добавляется атрибут type со значением I (римские цифры в верхнем регистре — I, II, III) или значением i (римские цифры в нижнем регистре — i, ii, iii). В примере 1 показано создание списка с римскими цифрами.
Пример 1. Использование атрибута type
Результат данного примера показан на рис. 1. Обратите внимание, что нумерация выравнивается по точке.
Рис. 1. Вид нумерованного списка
Также можно управлять типом нумерации через стили. Для этого к селектору ol или li надо добавить свойство list-style-type со значением upper-roman или lower-roman . В примере 2 показано создание списка с римскими цифрами в нижнем регистре.
Пример 2. Использование свойства list-style-type
Результат данного примера показан на рис. 2.
Рис. 2. Вид нумерованного списка
См. также
- list-style-type
- Вложенные списки
- Маркированные списки
- Нумерованные списки
- Создание списков
- Списки
- Текст в HTML
Как сделать римские цифры в html
В книге кратко и просто описывается язык HTML. Прочитав ее, вы научитесь создавать собственные веб-страницы, причем не только простые, но и содержащие таблицы, видео и звук. Более гибко оформить веб-страницы вам поможет рассмотренная в книге технология CSS. А при желании вы сможете сделать веб-страницы динамичными с помощью сценариев JavaScript: описание этого языка вместе с кратким описанием DOM (объектной модели документа) также приведено в этой книге. В последних главах рассматривается пример создания небольшого сайта с использованием всех рассмотренных в книге технологий, а также освещаются основные вопросы публикации сайта в сети Интернет.
Книги автора: Excel. Трюки и эффекты HTML: Популярный самоучитель
Книга: HTML: Популярный самоучитель
4.2. Нумерованные списки
Скрыть рекламу в статье
Разделы на этой странице:
- Пример 4.2. Нумерованные списки
- Пример 4.3. Изменение нумерации списка
4.2. Нумерованные списки
Нумерованные списки применяются для упорядочения приводимых данных. При нумерации элементов таких списков могут быть использованы как арабские, так и римские цифры, буквы латинского алфавита.
• compact – заставляет браузер отображать список компактно;
• type – задает тип нумерации элементов списка, доступные значения: 1 (используются арабские цифры, по умолчанию), I или i (большие или малые римские цифры), A или a (большие или малые буквы латинского алфавита);
• start – номер первого элемента списка (при задании start нужно учитывать тип нумерации элементов списка, например номеру 5 соответствует латинская буква E).
Атрибут start часто используется, когда нужно продолжить нумерацию предшествующего списка после отрывка текста, не являющегося элементом ни одного списка (например, после пояснения элемента предшествующего списка). В примере 4.2 показано использование различных типов нумерации списков.
Пример 4.2. Нумерованные списки
Нумерация арабскими цифрами