U nekim slučajevima od nas se zahtijeva da uklonimo oznake nesređenih i sređenih popisa. Uklanjanje grafičkih oznaka s popisa nije složen zadatak pomoću CSS-a. To se lako može učiniti postavljanjem CSS-a u stilu popisa ili lista-stil-tip vlasništvo na nikakav .
The lista-stil-tip Svojstvo CSS koristi se za postavljanje oznake (poput diska, znaka ili prilagođenog stila brojača) a popis element stavke. Ovo CSS svojstvo pomaže nam da napravimo popis bez grafičkih oznaka. Može se primijeniti samo na one elemente čija je vrijednost prikaza postavljena na popis-stavka. The lista-stil-tip svojstvo je naslijeđeno, tako da se može primijeniti na nadređeni element (kao ili
) kako bi se primijenio na sve stavke popisa.
Prema zadanim postavkama, stavke sređenog popisa numerirane su arapskim brojevima (1, 2, 3, itd.), a stavke na nesređenom popisu označene su kružnim oznakama (•). The lista-stil-tip Svojstvo CSS-a omogućuje nam promjenu zadane vrste popisa markera u bilo koju drugu vrstu kao što su kvadrat, krug, rimski brojevi, latinična slova i još mnogo toga.
Ako njegovu vrijednost postavimo na nikakav , to će ukloniti oznake/metke. Umjesto uklanjanja grafičkih oznaka na popisu, možemo ih zamijeniti slikama. To stranicu čini vizualno privlačnijom. To se može učiniti pomoću lista-stil-slika imovine.
Shvatimo kako ukloniti grafičke oznake pomoću primjera.
Primjer
U ovom primjeru koristimo i uređene i neuređene popise i primjenjujemo lista-stil-tip imovinu s vrijednošću nikakav da biste uklonili točke nabrajanja stavki popisa.
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> Testirajte sada Izlaz
