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

Відсутність маркерів списків ul в CSS

Вивчаємо значення none властивості list-style-type для видалення маркерів у ненумерованих списках.

Відсутність маркерів списків ul в CSS

Іноді у списках потрібно прибрати стандартні маркери. Для цього використовується властивість list-style-type зі значенням none.

Так часто роблять при створенні навігаційних меню на сайтах, коли маркери списку не потрібні.

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

Значення none прибирає маркери, але сам список та його елементи залишаються.

📌 Завдання:
  1. №1. Створіть список ul із назвами фруктів.
  2. №2. Приберіть маркери за допомогою list-style-type: none.
  3. №3. Спробуйте використати такий список як основу для меню сайту.
💡 Показати підказку

Для списків навігації часто використовують ul { list-style-type: none; }.

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