Урок 121 із 239
51%
Великі латинські літери для списків ol в CSS
Вивчаємо значення upper-alpha властивості list-style-type для створення нумерації списку ol великими латинськими літерами.
Великі латинські літери для списків ol в CSS
За допомогою властивості list-style-type можна змінити стандартну нумерацію списку ol.
Якщо встановити значення upper-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: upper-alpha;
} ❗ Важливо:
upper-alpha відрізняється від lower-alpha тільки регістром літер.
- upper-alpha — великі латинські літери (A, B, C).
- lower-alpha — маленькі латинські літери (a, b, c).
- upper-roman — великі римські цифри (I, II, III).
- lower-roman — маленькі римські цифри (i, ii, iii).
📌 Завдання:
- №1. Створіть список ol із п'яти пунктів.
- №2. Змініть нумерацію списку на великі латинські літери.
- №3. Порівняйте результат з lower-alpha.
💡 Показати підказку
Для зміни вигляду нумерації достатньо змінити значення list-style-type.
✅ Показати відповідь
ol {
list-style-type: upper-alpha;
}