Er zijn verschillende manieren om lijsten in CSS op te maken. Hieronder zijn enkele stijlelementen die je kunt gebruiken:
1. List-style-type: Hiermee kun je het soort lijstmarkering veranderen dat je wilt gebruiken. Bijvoorbeeld, je kunt kiezen voor disk, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none, enz.
```
ul {
list-style-type: square;
}
```
1. List-style-position: Hiermee kun je aangeven of de markeringslijst binnen of buiten de stroom van de lijst verschijnt. De waarden kunnen inside of outside zijn.
```
ul {
list-style-position: inside;
}
```
1. List-style-image: Hiermee kun je een afbeelding als lijstmarkering instellen. Het pad naar de afbeelding wordt binnengehaald met url().
```
ul {
list-style-image: url(‘jouw-afbeelding.jpg’);
}
```
1. List-style: Een verkorte eigenschap voor het instellen van alle bovenstaande eigenschappen in één keer.
```
ul {
list-style: square inside url(‘jouw-afbeelding.jpg’);
}
```
1. Je kunt ook individuele lijsten items (li’s) stylen voor meer controle.
```
li {
margin: 10px;
padding: 10px;
color: red;
}
```
1. Numbering: Bij een geordende lijst (ol) kan je ook de startwaarde instellen op de html via start attribuut.
```
Deze CSS eigenschappen geven je de mogelijkheid om je lijsten te stylen zoals je dat zelf wilt. Experimenteer met verschillende combinaties om de look te krijgen die bij jou past.
