În unele cazuri, ni se cere să eliminăm marcatoarele listelor neordonate și ordonate. Eliminarea marcatorilor listei nu este o sarcină complexă folosind CSS. Se poate face cu ușurință prin setarea CSS stil de listă sau tip-stil-listă proprietate la nici unul .
The tip-stil-listă Proprietatea CSS este folosită pentru a seta marcatorul (cum ar fi un disc, un caracter sau un stil de contor personalizat) pentru a listă element element. Această proprietate CSS ne ajută să creăm lista fără marcatori. Poate fi aplicat numai acelor elemente a căror valoare de afișare este setată la articol-listă. The tip-stil-listă proprietatea este moștenită, deci poate fi aplicată elementului părinte (cum ar fi sau
) pentru a se aplica tuturor elementelor din listă.
În mod implicit, articolele din listă ordonate sunt numerotate cu cifre arabe (1, 2, 3 etc.), iar articolele dintr-o listă neordonată sunt marcate cu marcatori rotunji (•). The tip-stil-listă Proprietatea CSS ne permite să schimbăm tipul implicit de marcare a listei cu orice alt tip, cum ar fi pătrat, cerc, cifre romane, litere latine și multe altele.
Dacă îi setăm valoarea la nici unul , va elimina marcajele/gloanțele. În loc să eliminăm marcanțele dintr-o listă, le putem înlocui cu imaginile. Face site-ul mai atractiv din punct de vedere vizual. Se poate face folosind listă-stil-imagine proprietate.
Să înțelegem cum să eliminați punctele marcante folosind un exemplu.
Exemplu
În acest exemplu, folosim atât liste ordonate, cât și neordonate și aplicăm tip-stil-listă proprietate cu valoarea nici unul pentru a elimina punctele marcatoare ale articolelor din listă.
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> Testează-l acum Ieșire
