logo

CSS sąrašo stiliai

CSS sąrašas nustato, kaip turinys ar elementai pateikiami tam tikru būdu, t. y. jie gali būti išdėstyti tvarkingai arba atsitiktinai, o tai padeda sukurti švarų tinklalapį. Kadangi jie yra pritaikomi ir lengvai valdomi, jie gali būti naudojami dideliems medžiagų kiekiams tvarkyti. Numatytasis sąrašo stilius yra be paraščių. Sąrašas gali būti suskirstytas į dvi kategorijas:

    Netvarkingas sąrašas:Pagal numatytuosius nustatymus sąrašo elementai nerūšiuotuose sąrašuose žymimi ženkleliais, kurie yra maži juodi apskritimai.Užsakytas sąrašas:Sąrašo elementai sutvarkytuose sąrašuose identifikuojami skaičiais ir raidėmis.

Valdant CSS sąrašus galima naudoti šias CSS sąrašo ypatybes:

    Sąrašo stiliaus tipas:Ši savybė naudojama sąrašo elemento žymeklio išvaizdai nustatyti, pvz., disko, simbolio ar pasirinktinio skaitiklio stiliui.Sąrašo stiliaus vaizdas:Paveikslėliai, kurie bus naudojami kaip sąrašo elementų žymekliai, gali būti nurodyti naudojant šį parametrą.Sąrašo stiliaus padėtis:Jame aprašoma, kur žymeklio langelis turėtų būti apie pagrindinį bloko langelį.Sąrašo stilius:Sąrašo stilius sukonfigūruotas naudojant šį atributą.

Dabar mes sužinosime daugiau apie šias savybes per pavyzdžius.

Sąrašo stiliaus nuosavybė

Numatytasis sąrašo žymeklio tipas gali būti pakeistas į įvairius kitus tipus, įskaitant kvadratą, apskritimą, romėniškus skaitmenis, lotyniškas raides ir daug daugiau. Netvarkingo sąrašo įrašai žymimi apvaliais ženkleliais (•), o surikiuoto sąrašo elementai pagal numatytuosius nustatymus numeruojami naudojant arabiškus skaitmenis (1, 2, 3 ir t. t.).

Žymės ar kulkos bus pašalintos, jei nustatysime jų vertę į None.

Sintaksė:

list-style-type:value;

tojson java

Vertę galime naudoti taip:

  1. ratas
  2. dešimtainis, pvz.:1,2,3 ir t.t
  3. dešimtainiai nuliai, pvz., :01,02,03,04 ir tt
  4. žemesnioji romėniška
  5. viršutinė-romėniška
  6. žemesnė alfa, pvz., a,b,c ir kt
  7. viršutinė alfa, pvz., A, B, C ir kt
  8. kvadratas

Pastaba: numatytasis užpildymas ir paraštė taip pat yra įtraukti į sąrašą. Būtina pridėti padding:0 ir margin:0
    ir
      žymas, kad tai pašalintų.

Pavyzdys

Šiame pavyzdyje parodytas CSS sąrašas su keliais sąrašo stiliaus tipais ir reikšmėmis, nustatytomis į kvadratą, viršutinę alfa raidę ir daugumą.

 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> 

Išvestis

CSS sąrašo stiliai