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:
Valdant CSS sąrašus galima naudoti šias CSS sąrašo ypatybes:
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:
- ratas
- dešimtainis, pvz.:1,2,3 ir t.t
- dešimtainiai nuliai, pvz., :01,02,03,04 ir tt
- žemesnioji romėniška
- viršutinė-romėniška
- žemesnė alfa, pvz., a,b,c ir kt
- viršutinė alfa, pvz., A, B, C ir kt
- kvadratas
Pastaba: numatytasis užpildymas ir paraštė taip pat yra įtraukti į sąrašą. Būtina pridėti padding:0 ir margin:0iržymas, kad tai pašalintų.
- ž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