Popisi CSS-a vrlo su korisni u postizanju niza numeriranih ili nabranih točaka. Ovaj će vam članak pokazati kako kontrolirati vrstu, položaj, stil pomoću CSS-a. Ovdje će biti obrađeni sljedeći putokazi,
- CSS svojstva
- Svojstvo stila popisa
- CSS popisi: Uzorak programa
- Vrijednosti markera zaU svojstvu style-position-position
Pa krenimo onda,
CSS popisi
CSS svojstva
Postoji pet različitih CSS svojstava u kojima ga možete koristiti za kontrolu popisa:
- List-style-type: Omogućuje nam kontrolu oblika ili izgleda markera.
- Položaj u stilu popisa: Određuje da je dugačka točka potrebna za premotavanje u drugi redak ili bi se trebala poravnati s prvim retkom ili započeti s oznakom.
- Slika u stilu popisa: Određuje da sliku za marker treba dodati ili učiniti privlačnijom, umjesto da metke označite ili numerirate točke.
- Stil liste: Prikazuje stenografiju prethodnih svojstava.
- Pomak oznake: Određuje udaljenost između markera i teksta unesenog na popis.
Ovdje su najčešće korišteni popisi: vrsta stila popisa i pozicija stila popisa. Objašnjeno je u nastavku
Nastavljamo s ovim člankom o CSS listama
Svojstvo stila popisa
U svojstvu tipa stila popisa omogućit će vam da kontrolirate oblik i stil točaka ili markera u neuređenom slučaju s popisa. U poredanom slučaju to su brojevi.
Ispod tablice koja predstavlja neuređene popise:
| Vrijednost | Opis |
| Nijedna | NA |
| Disk | Popunjen je u krugu. (Zadani) |
| Krug | To je prazan krug. |
| Kvadrat | Ispunjen je na trgu. |
Ispod tablice koja predstavlja poredane popise:
| Vrijednost | Opis | Primjer |
| Decimal | To je broj | 1,4,3 |
| Decimalna vodeća nula | 0 prije stvarnog broja | 01, 04, 03 |
| Donja alfa | To su mali alfanumerički znakovi. | a, b, c, d |
| Gornja alfa | To su velika alfanumerička slova. | A, B, C, D |
| Donjoromanski | Riječ je o malim rimskim brojevima. | i, ii, iii, iv, v |
| Gornjoromanski | Riječ je o velikim rimskim brojevima. | I, II, III, IV, V |
| Donjogrčki | Oznaka je na donjem grčkom jeziku | alfa, gama |
| Donjolatinski | Oznaka je na donjem latinskom jeziku | a, b, c, d |
| Gornjolatinski | Oznaka je na gornjem latinskom | A, B, C, D |
Nastavljamo s ovim člankom o CSS listama
CSS popisi: Uzorak programa
- Java
- Piton
- Kutni
- Java
- Piton
- Kutni
- Java
- Piton
- Kutni
- Java
- Piton
- Kutni
- Java
- Piton
- Kutni
Izlaz
što je labava spojnica u javi
Nastavljamo s ovim člankom o CSS listama
Svojstvo u stilu popisa
Vrijednosti markera za svojstvo In-style-position-position
U svojstvu style-position-position pokazuje da se marker treba pojaviti unutar ili izvan okvira koji sadrži točke oznake. To može imati jednu od dvije vrijednosti:
| Vrijednost | Opis |
| Nijedna | NA |
| Iznutra | U ovom slučaju, ako tekst ide u drugi redak, tekst će se umotati ispod markera. Pokazat će i gdje bi tekst započeo da su popisi vani. |
| izvana | U ovom slučaju, ako tekst pređe u drugi redak, tekst će se poravnati s početkom prvog retka. |
Primjer:
- Matematika
- Društvene nauke
- Fizika
- Matematika
- Društvene nauke
- Fizika
- Matematika
- Društvene nauke
- Fizika
- Matematika
- Društvene nauke
- Fizika
Izlaz
To nas dovodi do kraja ovog članka o CSS popisima.
Pogledajte naš koja dolazi s treningom uživo pod vodstvom instruktora i iskustvom u stvarnom životu. Ovaj trening čini vas vještima za rad s back-end i front-end web tehnologijama. Uključuje obuku o web razvoju, jQueryju, Angularu, NodeJS, ExpressJS i MongoDB.
Imate pitanje za nas? Molimo spomenite to u odjeljku za komentare članka i javit ćemo vam se.