У деяких випадках ми повинні видалити маркери невпорядкованих і впорядкованих списків. Видалення маркерів списку не є складним завданням за допомогою CSS. Це можна легко зробити, налаштувавши CSS стиль списку або list-style-type властивість до немає .
The список-стиль-тип Властивість CSS використовується для встановлення маркера (наприклад, диска, символу або спеціального стилю лічильника) a список елемент елемента. Ця властивість CSS допомагає нам створити список без маркерів. Його можна застосувати лише до тих елементів, для яких встановлено значення відображення список-пункт. The список-стиль-тип властивість успадковується, тому її можна застосувати до батьківського елемента (наприклад або
), щоб застосувати його до всіх елементів списку.
За замовчуванням елементи впорядкованого списку нумеруються арабськими цифрами (1, 2, 3 тощо), а елементи в невпорядкованому списку позначаються круглими маркерами (•). The list-style-type Властивість CSS дозволяє нам змінити стандартний тип списку маркерів на будь-який інший тип, наприклад квадрат, коло, римські цифри, латинські літери та багато іншого.
Якщо ми встановимо його значення немає , це видалить маркери/маркери. Замість того, щоб видаляти маркери зі списку, ми можемо замінити їх зображеннями. Це робить сайт візуально більш привабливим. Це можна зробити за допомогою список-стиль-зображення власність.
Розберемося, як прибрати маркери на прикладі.
приклад
У цьому прикладі ми використовуємо впорядковані та невпорядковані списки та застосовуємо list-style-type майно зі значенням немає щоб видалити маркери елементів списку.
ol { list-style-type: none; font-weight: bold; font-size: 20px; } ul { list-style-type: none; font-weight: bold; font-size: 20px; } <h2>Ordered list</h2> <ol> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ol> <h2>Unordered list</h2> <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> Перевірте зараз Вихід
