CSS-lister er meget nyttige til at nå et sæt af enten nummererede eller punktopdelte punkter. Denne artikel viser dig, hvordan du styrer typen, positionen, stilen ved hjælp af CSS. Følgende markører vil blive dækket her,
- CSS egenskaber
- List-type-type ejendom
- CSS-lister: Eksempelprogram
- Markørværdier forI ejendom på listen-stil-position
Så lad os komme i gang dengang,
CSS-lister
CSS egenskaber
Der er fem forskellige CSS-egenskaber, hvor du kan bruge den til at kontrollere lister:
- List-style-type: Det giver os mulighed for at kontrollere formen eller udseendet på markøren.
- Liste-stil-position: Det specificerer, at der er behov for et langt punkt for at pakke om til en anden linje eller skal justeres med den første linje eller starte med markøren.
- List-style-image: Det specificerer, at et billede til markøren skal tilføjes eller gøres mere attraktivt i stedet for kuglerne eller de nummererede punkter.
- Liste-stil: Det viser stenografi til de foregående egenskaber.
- Marker-offset: Det specificerer afstanden mellem markøren og den tekst, der er indtastet på listen.
Her er den almindeligt anvendte liste: list-style-type og list-style-position. Det forklares nedenfor
Fortsætter med denne artikel om CSS-lister
List-type-type ejendom
I egenskab med listestil-type giver det dig mulighed for at styre formen og stilen for punkttegnene eller markøren i den ikke-ordnede listesag. I bestilt liste tilfælde er det nummerering tegn.
Nedenstående tabel for de ikke-ordnede lister:
| Værdi | Beskrivelse |
| Ingen | NA |
| Disk | Den udfyldes i cirklen. (Standard en) |
| Cirkel | Det er en tom cirkel. |
| Firkant | Det er udfyldt på pladsen. |
Nedenstående tabel for de bestilte lister:
| Værdi | Beskrivelse | Eksempel |
| Decimal | Det er et tal | 1,4,3 |
| Decimal forreste nul | 0 før det faktiske antal | 01, 04, 03 |
| Lavere alfa | Det er alfanumeriske tegn med små bogstaver. | a, b, c, d |
| Øvre alfa | Det er store alfanumeriske tegn. | A, B, C, D |
| Nedre-romersk | Det er små bogstaver. | i, ii, iii, iv, v |
| Øvre-romersk | Det er store bogstaver. | I, II, III, IV, V |
| Nedre græske | Markør er på lavere græsk | alfa, gamma |
| Nedre latin | Markør er på latin | a, b, c, d |
| Øvre-latin | Markør er på øvre latin | A, B, C, D |
Fortsætter med denne artikel om CSS-lister
CSS-lister: Eksempelprogram
- Java
- Python
- Vinkelformet
- Java
- Python
- Vinkelformet
- Java
- Python
- Vinkelformet
- Java
- Python
- Vinkelformet
- Java
- Python
- Vinkelformet
Produktion
Fortsætter med denne artikel om CSS-lister
List-stil-position Ejendom
Markørværdier for i listen-stil-position ejendom
I egenskab med liste-stil-position viser det, at markøren skal vises inden for eller uden for feltet, der indeholder punkttegnene. Dette kan have en af de to værdier:
| Værdi | Beskrivelse |
| Ingen | NA |
| Inde | I dette tilfælde, hvis teksten går i anden linje, vikles teksten under markøren, og den viser også, hvor teksten ville være startet, hvis listerne havde en værdi udenfor. |
| uden for | I dette tilfælde, hvis teksten går ind i anden linje, justeres teksten med starten på den første linje. |
Eksempel:
- Matematik
- Samfundsvidenskab
- Fysik
- Matematik
- Samfundsvidenskab
- Fysik
- Matematik
- Samfundsvidenskab
- Fysik
- Matematik
- Samfundsvidenskab
- Fysik
Produktion
Dette bringer os til slutningen af denne artikel om CSS-lister.
hvordan man bruger logger i java
Tjek vores som kommer med instruktørstyret live træning og projektoplevelse i det virkelige liv. Denne træning gør dig dygtig i færdigheder til at arbejde med back-end og front-end webteknologier. Det inkluderer træning i webudvikling, jQuery, Angular, NodeJS, ExpressJS og MongoDB.
Har du et spørgsmål til os? Nævn det i kommentarfeltet i artiklen, og vi vender tilbage til dig.