В списке вывести римские числа - «Маркированный список» » Новости мира Интернет
Что нового показали на Google I/O 2026. Часть 1 - «Новости мира Интернет»
Что нового показали на Google I/O 2026. Часть 1 - «Новости мира Интернет»
Алиса AI научилась лучше генерировать изображения с русскими надписями - «Новости мира Интернет»
Алиса AI научилась лучше генерировать изображения с русскими надписями - «Новости мира Интернет»
YouTube будет автоматически помечать фотореалистичные AI-видео - «Новости мира Интернет»
YouTube будет автоматически помечать фотореалистичные AI-видео - «Новости мира Интернет»
Яндекс представил быструю нейросеть для бизнеса Alice AI LLM Flash - «Новости мира Интернет»
Яндекс представил быструю нейросеть для бизнеса Alice AI LLM Flash - «Новости мира Интернет»
Anthropic представила Claude Opus 4.8 – ИИ-модель стала честнее и лучше работает с кодом - «Новости мира Интернет»
Anthropic представила Claude Opus 4.8 – ИИ-модель стала честнее и лучше работает с кодом - «Новости мира Интернет»
Что нового показали на Google I/O 2026. Часть 2 - «Новости мира Интернет»
Что нового показали на Google I/O 2026. Часть 2 - «Новости мира Интернет»
Новый ИИ-агент Figma умеет создавать интерфейсы по текстовому запросу - «Новости мира Интернет»
Новый ИИ-агент Figma умеет создавать интерфейсы по текстовому запросу - «Новости мира Интернет»
Microsoft изменит работу клавиши Copilot в Windows 11 - «Новости мира Интернет»
Microsoft изменит работу клавиши Copilot в Windows 11 - «Новости мира Интернет»
Android добавит предупреждения для пользователей об удалении приложений из Google Play - «Новости мира Интернет»
Android добавит предупреждения для пользователей об удалении приложений из Google Play - «Новости мира Интернет»
Представлены AR-очки X By Xreal a01 с оптической стабилизацией и сменной оправой - «Новости мира Интернет»
Представлены AR-очки X By Xreal a01 с оптической стабилизацией и сменной оправой - «Новости мира Интернет»
Новости мира Интернет » Самоучитель CSS » Списки » В списке вывести римские числа - «Маркированный список»
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. Римская нумерация в списке


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. Римские числа HTML5 CSS 2.1 IE Cr Op Sa Fx Результат данного примера показан на рис;1. .; Рис. 1. Римская нумерация в списке

Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

Смотрите также

А что там на главной? )))



Комментарии )))