CSS-lister er svært nyttige for å nå et sett med nummererte eller punktoppdelte punkter. Denne artikkelen viser deg hvordan du styrer typen, posisjonen, stilen til bruker CSS. Følgende tips vil bli dekket her,
- CSS egenskaper
- Listetypen Eiendom
- CSS-lister: Eksempelprogram
- Markørverdier forI liste-stil-posisjon eiendom
Så la oss komme i gang da,
CSS-lister
CSS egenskaper
Det er fem forskjellige CSS-egenskaper der du kan bruke den til å kontrollere lister:
- List-style-type: Det lar oss kontrollere formen eller utseendet til markøren.
- Liste-stil-posisjon: Den spesifiserer at det er nødvendig med et langt punkt for å vikle til en annen linje, eller at den skal justeres med den første linjen eller starte med markøren.
- Liste-stil-bilde: Den spesifiserer at et bilde for markøren skal legges til eller gjøres mer attraktivt i stedet for punktene eller nummererte punktene.
- Listestil: Den viser forkortelsen til de foregående egenskapene.
- Marker-offset: Den spesifiserer avstanden mellom markøren og teksten som er lagt inn i listen.
Her er den mest brukte listen: list-style-type og list-style-position. Det er forklart nedenfor
søkeorddrevet rammeverk i selen
Fortsetter med denne artikkelen om CSS-lister
Listetypen Eiendom
I egenskapen til listestil-type lar vi deg kontrollere formen og stilen til punktene eller markøren i den uordnede listesaken. I bestilt listesak er det nummereringstegn.
Tabellen nedenfor som representerer de uordnede listene:
| Verdi | Beskrivelse |
| Ingen | NA |
| Plate | Den er fylt ut i sirkelen. (Standard en) |
| Sirkel | Det er en tom sirkel. |
| Torget | Den er fylt ut på torget. |
Tabellen nedenfor for de bestilte listene:
| Verdi | Beskrivelse | Eksempel |
| Desimal | Det er et tall | 1,4,3 |
| Desimal ledende null | 0 før det faktiske tallet | 01, 04, 03 |
| Lavere alfa | Det er små bokstaver. | a, b, c, d |
| Øvre alfa | Det er store alfanumeriske tegn. | A, B, C, D |
| Nedre-romersk | Det er små bokstaver. | i, ii, iii, iv, v |
| Øvre-romersk | Det er store bokstaver. | I, II, III, IV, V |
| Lavere-gresk | Marker er på lavere-gresk | alfa, gamma |
| Nedre latin | Markør er på lavere latin | a, b, c, d |
| Øvre-latin | Markør er på øvre latin | A, B, C, D |
Fortsetter med denne artikkelen om CSS-lister
CSS-lister: Eksempelprogram
- Java
- Python
- Vinklet
- Java
- Python
- Vinklet
- Java
- Python
- Vinklet
- Java
- Python
- Vinklet
- Java
- Python
- Vinklet
Produksjon
Fortsetter med denne artikkelen om CSS-lister
List-stil-posisjon Eiendom
Markørverdier for i listen-stil-posisjon eiendom
I egenskapen til listen-stil-posisjon viser den at markøren skal vises innenfor eller utenfor boksen som inneholder punktene. Dette kan ha en av de to verdiene:
| Verdi | Beskrivelse |
| Ingen | NA |
| Innsiden | I dette tilfellet, hvis teksten går i den andre linjen, vil teksten vikle seg under markøren, og den vil også vise hvor teksten ville ha startet hvis listene hadde en dal utenfor. |
| utenfor | I dette tilfellet, hvis teksten går inn i den andre linjen, blir teksten justert med starten på den første linjen. |
Eksempel:
- Matte
- Samfunnsvitenskap
- Fysikk
- Matte
- Samfunnsvitenskap
- Fysikk
- Matte
- Samfunnsvitenskap
- Fysikk
- Matte
- Samfunnsvitenskap
- Fysikk
Produksjon
Dette bringer oss til slutten av denne artikkelen om CSS-lister.
Sjekk ut vår som kommer med instruktørledet live-opplæring og reell prosjektopplevelse. Denne opplæringen gjør deg dyktig i ferdigheter til å jobbe med back-end og front-end web-teknologier. Det inkluderer opplæring i webutvikling, jQuery, Angular, NodeJS, ExpressJS og MongoDB.
Har du et spørsmål til oss? Vennligst nevn det i kommentarfeltet i artikkelen, så kommer vi tilbake til deg.