Kai kuriais atvejais privalome pašalinti nesutvarkytų ir sutvarkytų sąrašų ženklelius. Sąrašo ženklelių pašalinimas nėra sudėtinga užduotis naudojant CSS. Tai galima lengvai padaryti nustatant CSS sąrašo stiliaus arba sąrašo stiliaus nuosavybė į nė vienas .
The sąrašo stiliaus CSS ypatybė naudojama a žymekliui (pvz., diskui, simboliui ar pasirinktiniam skaitiklio stiliui) nustatyti sąrašą elemento elementas. Ši CSS ypatybė padeda mums sudaryti sąrašą be ženklelių. Jis gali būti taikomas tik tiems elementams, kurių rodymo reikšmė nustatyta sąrašo elementas. The sąrašo stiliaus ypatybė yra paveldima, todėl ją galima pritaikyti pirminiam elementui (pvz arba
), kad jis būtų taikomas visiems sąrašo elementams.
Pagal numatytuosius nustatymus užsakyti sąrašo elementai yra sunumeruoti arabiškais skaitmenimis (1, 2, 3 ir t. t.), o netvarkingo sąrašo elementai žymimi apvaliais ženkleliais (•). The sąrašo stiliaus CSS ypatybė leidžia pakeisti numatytąjį žymeklio sąrašo tipą į bet kokį kitą tipą, pvz., kvadratą, apskritimą, romėniškus skaitmenis, lotyniškas raides ir daug daugiau.
Jei nustatysime jo reikšmę į nė vienas , jis pašalins žymeklius / kulkas. Užuot pašalinę ženklelius iš sąrašo, galime juos pakeisti vaizdais. Tai daro svetainę vizualiai patrauklesnę. Tai galima padaryti naudojant sąrašo stiliaus vaizdas nuosavybė.
Supraskime, kaip pašalinti ženklelius naudodami pavyzdį.
Pavyzdys
Šiame pavyzdyje naudojame ir sutvarkytus, ir netvarkingus sąrašus ir taikome sąrašo stiliaus turtą su verte nė vienas kad pašalintumėte sąrašo elementų ženklelius.
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> Išbandykite dabar Išvestis
