Dažos gadījumos mums ir jānoņem nesakārtoto un sakārtoto sarakstu aizzīmes. Saraksta aizzīmju noņemšana nav sarežģīts uzdevums, izmantojot CSS. To var viegli izdarīt, iestatot CSS saraksta stilā vai saraksta stila veids īpašumu uz neviens .
The saraksta stila veids CSS rekvizīts tiek izmantots, lai iestatītu a marķieri (piemēram, disku, rakstzīmi vai pielāgoto skaitītāja stilu). sarakstu preces elements. Šis CSS rekvizīts palīdz mums izveidot sarakstu bez aizzīmēm. To var lietot tikai tiem elementiem, kuriem ir iestatīta displeja vērtība saraksta vienums. The saraksta stila veids īpašība ir mantota, tāpēc to var attiecināt uz vecāku elementu (piemēram, vai
), lai tas attiektos uz visiem saraksta vienumiem.
Pēc noklusējuma sakārtotie saraksta vienumi tiek numurēti ar arābu cipariem (1, 2, 3 utt.), bet nesakārtotā saraksta vienumi ir atzīmēti ar apaļām aizzīmēm (•). The saraksta stila veids CSS rekvizīts ļauj mainīt marķiera noklusējuma saraksta veidu uz jebkuru citu veidu, piemēram, kvadrātu, apli, romiešu cipariem, latīņu burtiem un daudz ko citu.
Ja mēs iestatām tā vērtību uz neviens , tas noņems marķierus/lodes. Tā vietā, lai noņemtu aizzīmes no saraksta, mēs varam tās aizstāt ar attēliem. Tas padara vietni vizuāli pievilcīgāku. To var izdarīt, izmantojot saraksta stila attēls īpašums.
Sapratīsim, kā noņemt aizzīmju punktus, izmantojot piemēru.
Piemērs
Šajā piemērā mēs izmantojam gan sakārtotus, gan nesakārtotus sarakstus un lietojam saraksta stila veids īpašums ar vērtību neviens lai noņemtu saraksta vienumu aizzīmju punktus.
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> Izmēģiniet to tūlīt Izvade
