Урок 119 із 239
50%
← Назад

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

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

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

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

Якщо встановити значення upper-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: upper-roman;
}
❗ Важливо:

Великі римські цифри часто використовують для оформлення розділів, глав та великих структурованих списків.

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

Різниця між upper-roman та lower-roman тільки у регістрі римських цифр.

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