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

Малі латинські літери для списків ol в CSS

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

Малі латинські літери для списків ol в CSS

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

Значення lower-alpha створює нумерацію елементів списку маленькими латинськими літерами.

<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-alpha;
}
❗ Важливо:

Нумерація lower-alpha часто використовується для підпунктів у документах та навчальних матеріалах.

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

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

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