logo

TechCodeview

CSS-listastílusok

A List a CSS-ben meghatározza, hogy a tartalmak vagy elemek hogyan szerepeljenek egy bizonyos módon, azaz rendezhetők-e szépen vagy véletlenszerűen, ami segít egy tiszta weboldal létrehozásában. Mivel adaptálhatóak és egyszerűen kezelhetők, nagy mennyiségű anyag rendszerezésére is használhatók. A lista alapértelmezett stílusa szegély nélküli. A lista két kategóriába sorolható:

    Rendezetlen lista:Alapértelmezés szerint a rendezetlen listákban a listaelemeket pontok jelölik, amelyek apró fekete körök.Rendezett lista:A rendezett listákban a listaelemeket számok és betűk azonosítják.

A következő CSS-listatulajdonságok állnak rendelkezésre a CSS-listák vezérléséhez:

    Lista-stílus-típus:Ez a tulajdonság a listaelem-jelölő megjelenésének meghatározására szolgál, például lemez, karakter vagy egyéni számlálóstílus.Lista-stílusú kép:Ezzel a paraméterrel megadhatók a listaelemek jelölőiként szolgáló képek.Lista stílusú pozíció:Leírja, hogy a jelölődoboz hol legyen a fő blokkdoboz körül.Lista-stílus:A listastílus ezzel az attribútummal van konfigurálva.

Ezekről a jellemzőkről most példákon keresztül fogunk többet megtudni.

Lista-stílus típusú tulajdonság

A jelölők alapértelmezett listatípusa számos más típusra módosítható, beleértve a négyzetet, kört, római számokat, latin betűket és sok mást. A rendezetlen lista bejegyzéseit kerek pontok (•) jelölik, míg a rendezett lista tételei alapértelmezés szerint arab számokkal vannak számozva (1, 2, 3 stb.).

A jelöléseket vagy golyókat eltávolítjuk, ha értéküket none-ra állítjuk.

Szintaxis:

list-style-type:value;

linux módosítsa a könyvtár nevét

Az értéket a következőképpen használhatjuk:

  1. kör
  2. decimális, pl.:1,2,3 stb
  3. tizedes-bevezető nullák, pl.:01,02,03,04, stb
  4. alsó-római
  5. felső-római
  6. alsó-alfa, például a,b,c stb
  7. felső-alfa, például A, B, C stb
  8. négyzet

Megjegyzés: Az alapértelmezett kitöltés és margó is szerepel a listában. A padding:0-t és a margin:0-t kell hozzáadni a-hoz
    és
      címkéket ennek kiküszöbölésére.

Példa

Ez a példa egy CSS-listát mutat be, amely számos listastílusú típust és értéket tartalmaz négyzetre, felső alfara és sokra.

 Example for CSS Lists .num{ list-style-type:decimal; } .alpha{ list-style-type:upper-alpha; } .circle{ list-style-type:circle; } .square{ list-style-type:square; } .disc{ list-style-type:disc; } <h2> Ordered Lists </h2> <ol class="order"> <li>ONE</li> <li>TWO</li> </ol> <h2> Unordered lists </h2> <ul> <li>ONE</li> <li>TWO</li> </ul>

Kimenet

CSS-listastílusok