Урок 118 із 239
49%
← Назад

Малі римські цифри для списків ol в CSS

Вивчаємо значення lower-roman властивості list-style-type для створення нумерації списку ol маленькими римськими цифрами.

Малі римські цифри для списків ol в CSS

За допомогою властивості list-style-type можна змінювати вигляд нумерації у списках ol.

Якщо встановити значення lower-roman, маркерами списку стануть маленькі римські цифри.

<ol>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ol>
ol {
  list-style-type: lower-roman;
}
❗ Важливо:

Значення lower-roman часто використовують у документах, змістах та навчальних матеріалах.

  • lower-roman — маленькі римські цифри (i, ii, iii).
  • upper-roman — великі римські цифри (I, II, III).
  • decimal — звичайні числа (1, 2, 3).
📌 Завдання:
  1. №1. Створіть нумерований список ol із п'яти пунктів.
  2. №2. Змініть стандартну нумерацію на маленькі римські цифри.
  3. №3. Порівняйте результат зі значенням upper-roman.
💡 Показати підказку

Для списків ol використовуйте ті самі властивості, що й для ul, але значення list-style-type змінює саме спосіб нумерації.

✅ Показати відповідь
ol {
  list-style-type: lower-roman;
}