Lijsten

Ook de opmaak van lijsten kun je in je stylesheet definieren.

Eigenschap	Waarde	Betekenis
list-style-type	circle disc square decimal lower-alpha lower-roman upper-alpha upper-roman none	Geeft aan wat voor elk list-item wordt getoond.
list-style-image	none url(plaatje.gif)	Geef de lokatie van een plaatje op dat voor elk list-item wordt getoond.
list-style-position	inside outside	Outside is de gebruikelijke, ingesprongenweergave bij inside wordt niet ingesprongen
text-indent	20pt enz	Hoever de tekst inspringt Bij een negatief getal wordt er uitgesprongen
list-style	Meerdere eigenschappen achter elkaar. Volgorde: list-style-type list-style-position list-style-image

Normaal krijg je bij het maken van een lijst altijd eerst een witregel, en alle onderdelen van de lijst springen een stukje in.
Als je anders wilt dan kun je dat voor elkaar krijgen op de volgende manier:

<style>
ul {
  text-indent: -2em;
  list-style-position: inside;
}

li.inspringen1 {
  text-indent: -1em;
  list-style-type: square;
}

li.inspringen2 {
  text-indent: 1em;
  list-style-position: outside;
}
</style>

Profielen:
<ul>
<li>CM</li>
<li class="inspringen1">EM</li>
<li>NG</li>
<li class="inspringen2">NT</li>
</ul>

en dat ziet er zo uit:

Profielen: