В някои случаи от нас се изисква да премахнем водещите точки на неподредени и подредени списъци. Премахването на списъка с топчета не е сложна задача с помощта на CSS. Може лесно да се направи чрез настройка на CSS стил на списък или списък-стил-тип собственост към нито един .
The списък-стил-тип CSS свойството се използва за задаване на маркер (като диск, символ или потребителски стил на брояча) на a списък елемент елемент. Това CSS свойство ни помага да създадем списък без водещи символи. Може да се прилага само към онези елементи, чиято стойност за показване е зададена на списък-елемент. The списък-стил-тип свойството се наследява, така че може да се приложи към родителския елемент (като или
), за да се прилага за всички елементи от списъка.
По подразбиране елементите от подредения списък са номерирани с арабски цифри (1, 2, 3 и т.н.), а елементите в неподреден списък са маркирани с кръгли символи (•). The списък-стил-тип Свойството на CSS ни позволява да променим типа списък на маркера по подразбиране с всеки друг тип като квадрат, кръг, римски цифри, латински букви и много други.
Ако зададем стойността му на нито един , това ще премахне маркерите/куршумите. Вместо да премахваме куршумите в списък, можем да ги заменим с изображенията. Това прави сайта визуално по-привлекателен. Може да се направи с помощта на list-style-image Имот.
Нека разберем как да премахнем точките от куршуми, като използваме пример.
Пример
В този пример използваме както подредени, така и неподредени списъци и прилагаме списък-стил-тип имот със стойността нито един за премахване на точките от списъка.
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> Тествайте сега Изход
