CSS-lijsten zijn erg handig bij het bereiken van een reeks genummerde of opsommingstekens. In dit artikel wordt uitgelegd hoe u het type, de positie en de stijl van met behulp van CSS. Volgende tips komen hier aan bod,
- CSS-eigenschappen
- Het lijststijltype Property
- CSS-lijsten: voorbeeldprogramma
- Markeringswaarden voorIn de eigenschap list-style-position
Dus laten we beginnen,
CSS-lijsten
CSS-eigenschappen
Er zijn vijf verschillende CSS-eigenschappen waarin u deze kunt gebruiken om lijsten te beheren:
- List-style-type: Hiermee kunnen we de vorm of het uiterlijk van de marker bepalen.
- List-style-position: het specificeert dat een lang punt nodig is om naar een tweede regel te lopen of dat het moet worden uitgelijnd met de eerste regel of moet beginnen met de markering.
- List-style-image: het specificeert dat een afbeelding voor de markering moet worden toegevoegd of aantrekkelijker moet worden gemaakt in plaats van de opsommingstekens of genummerde punten.
- Lijststijl: het toont de afkorting van de voorgaande eigenschappen.
- Marker-offset: het specificeert de afstand tussen de marker en de tekst die in de lijst is ingevoerd.
Hier zijn de meest gebruikte lijst: lijststijltype en lijststijlpositie. Het wordt hieronder uitgelegd
Verdergaan met dit artikel over CSS-lijsten
Het lijststijltype Property
In de eigenschap list-style-type kunt u de vorm en stijl van de opsommingstekens of markering in de ongeordende lijst-case bepalen. In geordende lijst zijn het nummeringstekens.
Onderstaande tabel vertegenwoordigt voor de ongeordende lijsten:
| Waarde | Omschrijving |
| Geen | NA |
| Schijf | Het is de cirkel ingevuld. (Standaard een) |
| Cirkel | Het is een lege cirkel. |
| Vierkant | Het is het vierkant ingevuld. |
Onderstaande tabel vertegenwoordigt voor de bestelde lijsten:
| Waarde | Omschrijving | Voorbeeld |
| Decimale | Het is een nummer | 1,4,3 |
| Decimale voorloopnul | 0 voor het werkelijke nummer | 01, 04, 03 |
| Lagere alfa | Het zijn kleine alfanumerieke tekens. | a, b, c, d |
| Bovenste alfa | Het zijn alfanumerieke hoofdletters. | A, B, C, D |
| Lagere Romeins | Het zijn Romeinse cijfers in kleine letters. | i, ii, iii, iv, v |
| Boven-Romeins | Het zijn Romeinse cijfers in hoofdletters. | I, II, III, IV, V |
| Lager Grieks | Markering is in het Grieks | alpha, gamma |
| Lagere Latijn | De markering is in het lagere Latijn | a, b, c, d |
| Boven-Latijn | De markering is in het bovenste Latijn | A, B, C, D |
Verdergaan met dit artikel over CSS-lijsten
CSS-lijsten: voorbeeldprogramma
- Java
- Python
- Hoekig
- Java
- Python
- Hoekig
- Java
- Python
- Hoekig
- Java
- Python
- Hoekig
- Java
- Python
- Hoekig
Uitvoer
Verdergaan met dit artikel over CSS-lijsten
De eigenschap list-style-position
Markeringswaarden voor in eigenschap lijststijl-positie
In de eigenschap list-style-position laat het zien dat de markering binnen of buiten het vak met de opsommingstekens moet verschijnen. Dit kan een van de twee waarden hebben:
| Waarde | Omschrijving |
| Geen | NA |
| Binnen | Als de tekst in dit geval op de tweede regel komt, loopt de tekst onder de markering door en wordt ook aangegeven waar de tekst zou zijn begonnen als de lijsten buiten een dal hadden. |
| buiten | Als de tekst in dit geval op de tweede regel komt, wordt de tekst uitgelijnd met het begin van de eerste regel. |
Voorbeeld:
- Wiskunde
- Sociale wetenschappen
- Fysica
- Wiskunde
- Sociale wetenschappen
- Fysica
- Wiskunde
- Sociale wetenschappen
- Fysica
- Wiskunde
- Sociale wetenschappen
- Fysica
Uitvoer
Dit brengt ons bij het einde van dit artikel over CSS-lijsten.
fibonacci getal c ++
Bekijk onze die wordt geleverd met live training onder leiding van een instructeur en real-life projectervaring. Deze training maakt je bedreven in vaardigheden om met back-end en front-end webtechnologieën te werken. Het omvat training over webontwikkeling, jQuery, Angular, NodeJS, ExpressJS en MongoDB.
Heeft u een vraag voor ons? Vermeld het in het opmerkingengedeelte van het artikel en we nemen contact met u op.