Seznami CSS so zelo koristni pri doseganju nabora oštevilčenih ali označenih točk. Ta članek vam bo pokazal, kako nadzirati vrsto, položaj, slog z uporabo CSS. Tu bodo zajeti naslednji napotki,
- Lastnosti CSS
- Lastnost v obliki sloga seznama
- Seznami CSS: Vzorčni program
- Označevalne vrednosti zaV lastnosti-style-position list
Začnimo torej,
Seznami CSS
Lastnosti CSS
Obstaja pet različnih lastnosti CSS, v katerih ga lahko uporabljate za nadzor seznamov:
- List-style-type: Omogoča nam nadzor oblike ali videza označevalca.
- Položaj v slogu seznama: Določa, da je dolga točka potrebna za zavijanje v drugo vrstico ali naj se poravna s prvo vrstico ali začne z oznako.
- List-style-image: Določa, da je treba sliko za oznako dodati ali narediti privlačnejšo, namesto da bi označili krogle ali oštevilčene točke.
- Slog seznama: Prikaže okrajšavo za prejšnje lastnosti.
- Odmik oznake: določa razdaljo med označevalcem in besedilom, vnesenim na seznam.
Tu so najpogosteje uporabljeni seznami: seznam-style-type in list-style-position. Razloženo je spodaj
Nadaljujemo s tem člankom o seznamih CSS
Lastnost v obliki sloga seznama
V lastnosti tipa-type list vam omogoča nadzor oblike in sloga točk ali oznak v neurejenem primeru seznama. V primeru urejenega seznama gre za oštevilčevanje znakov.
Spodnja tabela, ki predstavlja neurejene sezname:
| Vrednost | Opis |
| Nobenega | NA |
| Disk | Izpolnjen je krog. (Privzeto) |
| Krog | To je prazen krog. |
| Kvadrat | Zapolnjen je v kvadratu. |
Spodnja tabela, ki predstavlja urejene sezname:
| Vrednost | Opis | Primer |
| Decimalno | To je številka | 1,4,3 |
| Decimalna vodilna ničla | 0 pred dejansko številko | 01, 04, 03 |
| Spodnja alfa | To so male črke in številke. | a, b, c, d |
| Zgornja alfa | To so velike alfanumerične črke. | A, B, C, D |
| Spodnje-rimska | To so male rimske številke. | i, ii, iii, iv, v |
| Zgornje-rimski | To so velike rimske številke. | I, II, III, IV, V |
| Spodnjegrška | Oznaka je v spodnji grščini | alfa, gama |
| Spodnja latinica | Oznaka je v spodnji latinici | a, b, c, d |
| Zgornja latinica | Oznaka je v latinici | A, B, C, D |
Nadaljujemo s tem člankom o seznamih CSS
Seznami CSS: Vzorčni program
- Java
- Python
- Kotna
- Java
- Python
- Kotna
- Java
- Python
- Kotna
- Java
- Python
- Kotna
- Java
- Python
- Kotna
Izhod
Nadaljujemo s tem člankom o seznamih CSS
Lastnost seznama-slog-položaj
Označevalne vrednosti za Lastnost v seznamu slog-položaj
V lastnosti-style-position list prikazuje, da se mora oznaka pojaviti znotraj ali zunaj polja, ki vsebuje točke oznak. To ima lahko eno od dveh vrednosti:
| Vrednost | Opis |
| Nobenega | NA |
| Notri | V tem primeru, če gre besedilo v drugo vrstico, se besedilo zavije pod oznako in tudi prikaže, kje bi se besedilo začelo, če bi imeli seznami valo zunaj. |
| zunaj | Če gre besedilo v drugo vrstico, bo besedilo poravnano z začetkom prve vrstice. |
Primer:
- Matematika
- Družbene vede
- Fizika
- Matematika
- Družbene vede
- Fizika
- Matematika
- Družbene vede
- Fizika
- Matematika
- Družbene vede
- Fizika
Izhod
S tem smo na koncu tega članka o Seznamih CSS.
kakšna je razlika med preobremenitvijo in preglasitvijo
Oglejte si našo ki prihaja z usposabljanjem pod vodstvom inštruktorjev v živo in izkušnjami iz resničnega življenja To usposabljanje vam omogoči, da obvladate veščine za delo z zalednimi in prednjimi spletnimi tehnologijami. Vključuje usposabljanje za spletni razvoj, jQuery, Angular, NodeJS, ExpressJS in MongoDB.
Imate vprašanje za nas? Prosimo, omenite ga v oddelku za komentarje v članku in se vam bomo javili.