Bizonyos esetekben el kell távolítanunk a rendezetlen és rendezett listák pontjait. A listajelek eltávolítása nem bonyolult feladat a CSS használatával. Könnyen megtehető a CSS beállításával lista stílusú vagy lista-stílusú tulajdonát egyik sem .
A lista-stílusú A CSS tulajdonság a jelölő (például lemez, karakter vagy egyéni számlálóstílus) beállítására szolgál lista elem elem. Ez a CSS-tulajdonság segít a lista felsorolás nélküli létrehozásában. Csak azokra az elemekre alkalmazható, amelyek megjelenítési értéke be van állítva listaelem. A lista-stílusú tulajdonság öröklődik, így alkalmazható a szülőelemre (pl vagy
), hogy az összes listaelemre vonatkozzon.
Alapértelmezés szerint a rendezett listaelemek számozása arab számokkal (1, 2, 3 stb.), a rendezetlen lista elemei pedig kerek pontokkal (•) vannak megjelölve. A lista-stílusú A CSS tulajdonság lehetővé teszi, hogy a jelölő alapértelmezett listatípusát bármilyen más típusra módosítsuk, például négyzetre, körre, római számokra, latin betűkre és még sok másra.
Ha az értékét a egyik sem , akkor eltávolítja a jelölőket/golyókat. Ahelyett, hogy eltávolítanánk a felsorolásjeleket, lecserélhetjük őket a képekkel. Vizuálisan vonzóbbá teszi az oldalt. A segítségével megtehető lista-stílus-kép ingatlan.
Nézzük meg, hogyan távolíthatunk el felsoroláspontokat egy példa segítségével.
Példa
Ebben a példában rendezett és rendezetlen listákat is használunk, és alkalmazzuk a lista-stílusú ingatlan értékével egyik sem a listaelemek felsoroláspontjainak eltávolításához.
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> Tesztelje most Kimenet
