Урок 115 із 239
48%
Робота з маркерами списків ul в CSS
Вивчаємо значення disc властивості list-style-type для створення стандартних заповнених круглих маркерів у списках ul.
Робота з маркерами списків ul в CSS
За допомогою властивості list-style-type можна керувати виглядом маркерів ненумерованого списку ul.
Якщо встановити значення disc, маркери списку будуть відображатися у вигляді заповнених кружків.
Значення disc використовується у списках ul за замовчуванням.
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>ul {
list-style-type: disc;
} ❗ Важливо:
Якщо не вказувати властивість list-style-type, браузер автоматично використовує значення disc для списків ul.
- disc — заповнений круглий маркер (за замовчуванням).
- circle — порожній круглий маркер.
- square — квадратний маркер.
- none — маркери відсутні.
📌 Завдання:
- №1. Створіть список ul із п'яти елементів.
- №2. Встановіть для списку list-style-type: disc.
- №3. Порівняйте результат зі значеннями circle та square.
💡 Показати підказку
Спробуйте видалити властивість list-style-type та перевірте, чи зміниться вигляд списку.
✅ Показати відповідь
ul {
list-style-type: disc;
}