CSS sąrašai yra labai naudingi, norint pasiekti sunumeruotų arba pažymėtų taškų rinkinį. Šis straipsnis parodys, kaip valdyti jo tipą, padėtį, stilių naudojant CSS. Čia bus aptariami šie rodikliai,
- CSS ypatybės
- Sąrašo stiliaus tipo nuosavybė
- CSS sąrašai: pavyzdinė programa
- Markerio vertėsSąrašo stiliaus pozicijoje
Taigi pradėkime tada,
CSS sąrašai
CSS ypatybės
Yra penkios skirtingos CSS ypatybės, kuriose galite naudoti jį valdydami sąrašus:
- Sąrašo stiliaus tipas: tai leidžia mums kontroliuoti žymeklio formą ar išvaizdą.
- „List-style-position“: nurodoma, kad ilgas taškas reikalingas apvynioti ant antros eilutės arba turi būti lygus su pirmąja eilute arba pradėti nuo žymeklio.
- Sąrašo stiliaus vaizdas: Nurodoma, kad žymeklio atvaizdas turėtų būti pridėtas arba padarytas patrauklesnis, o ne ženkleliai ar sunumeruoti taškai.
- Sąrašo stilius: jis rodo ankstesnių savybių stenografą.
- Žymeklio poslinkis: jis nurodo atstumą tarp žymeklio ir į sąrašą įvesto teksto.
Čia dažniausiai naudojami sąrašo stiliaus tipo ir sąrašo stiliaus padėties sąrašai. Tai paaiškinta toliau
aktyvi ir pasyvi transformacija informatikoje
Pereiname prie šio straipsnio CSS sąrašuose
Sąrašo stiliaus tipo nuosavybė
Sąrašo stiliaus tipo ypatybėje galite valdyti ženklų taškų ar žymeklio formą ir stilių nesutvarkytu sąrašo atveju. Užsakyto sąrašo atveju tai yra numeracijos ženklai.
Žemiau lentelės, nurodančios nesutvarkytus sąrašus:
| Vertė | apibūdinimas |
| Nė vienas | NA |
| Disk | Jis užpildytas apskritimu. (Numatytasis) |
| Apskritimas | Tai tuščias ratas. |
| Aikštė | Jis užpildytas aikštėje. |
Žemiau lentelės, nurodančios užsakytus sąrašus:
| Vertė | apibūdinimas | Pavyzdys |
| Dešimtainis skaičius | Tai skaičius | 1,4,3 |
| Dešimtainis skaičius prieš nulį | 0 prieš faktinį skaičių | 01, 04, 03 |
| Žemutinė alfa | Tai yra mažosios raidinės ir skaitinės raidės. | a, b, c, d |
| Viršutinė alfa | Tai didžiosios raidinės ir skaitinės raidės. | A, B, C, D |
| Apatinis romėnų | Tai yra mažosios romėniški skaitmenys. | i, ii, iii, iv, v |
| Viršutinė romėnų | Tai didžiosios romėniški skaitmenys. | I, II, III, IV, V |
| Žemutinė graikų kalba | Žymeklis yra graikų kalba | alfa, gama |
| Apatinė lotynų kalba | Žymeklis yra mažosios lotynų kalbos | a, b, c, d |
| Viršutinė lotynų kalba | Žymeklis yra viršutinėje lotynų kalboje | A, B, C, D |
Pereiname prie šio straipsnio CSS sąrašuose
CSS sąrašai: pavyzdinė programa
- „Java“
- „Python“
- Kampinis
- „Java“
- „Python“
- Kampinis
- „Java“
- „Python“
- Kampinis
- „Java“
- „Python“
- Kampinis
- „Java“
- „Python“
- Kampinis
Rezultatas
Pereiname prie šio straipsnio CSS sąrašuose
Sąrašo stiliaus pozicijos ypatybė
Marker Values for Sąrašo stiliaus pozicijos ypatybė
„List-style-position“ ypatybėje tai rodo, kad žymeklis turėtų būti rodomas langelio, kuriame yra punktų taškai, viduje arba išorėje. Tai gali turėti vieną iš dviejų verčių:
| Vertė | apibūdinimas |
| Nė vienas | NA |
| Viduje | Tokiu atveju, jei tekstas eina antroje eilutėje, tekstas apvyniojamas po žymekliu. Tai taip pat parodys, kur tekstas būtų prasidėjęs, jei sąrašų lauke nebūtų sruogos. |
| lauke | Tokiu atveju, jei tekstas eina į antrą eilutę, tekstas bus sulygiuotas su pirmosios eilutės pradžia. |
Pavyzdys:
- Matematika
- Socialiniai mokslai
- Fizika
- Matematika
- Socialiniai mokslai
- Fizika
- Matematika
- Socialiniai mokslai
- Fizika
- Matematika
- Socialiniai mokslai
- Fizika
Rezultatas
Taip pateksime į šio straipsnio apie CSS sąrašus pabaigą.
Patikrinkite mūsų kuris ateina su instruktorių vedamomis tiesioginėmis treniruotėmis ir realių projektų patirtimi. Šie mokymai leidžia išmokti dirbti su „back-end“ ir „front-end“ interneto technologijomis. Tai apima mokymus apie žiniatinklio plėtrą, „jQuery“, „Angular“, „NodeJS“, „ExpressJS“ ir „MongoDB“.
Turite mums klausimą? Prašau tai paminėti straipsnio komentarų skyriuje ir mes su jumis susisieksime.