CSS list-style-position eigenschap

Definitie en gebruik

De listStylePosition-eigenschap bepaalt waar de lijstitemmarkeringen moeten worden geplaatst.

Uitleg

Deze eigenschap wordt gebruikt om de positie van de lijstmarkeringen ten opzichte van de inhoud van de lijstitems te verklaren. Externe (buiten) markeringen worden geplaatst op een afstand van de rand van het lijstitem, die in CSS niet is gedefinieerd. Interne (binnen) markeringen worden behandeld alsof ze als inlines elementen voor de inhoud van het lijstitem worden ingevoegd.

Zie ook:

CSS handleiding:CSS lijst

CSS referentiemanual:CSS list-style eigenschap

HTML DOM referentiemanual:listStylePosition eigenschap

Voorbeeld

Bepaal de positie van de lijstitemmarkeringen in de lijst:

ul
  {
  list-style-position:binnen;
  }

Probeer het zelf

CSS syntaxis

list-style-position: binnen|buiten|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
binnen De lijstitemmarkeringen worden binnen de tekst geplaatst en de tekst is uitgelijnd op basis van de markeringen.
buiten Standaardwaarde. Houd de markeringen aan de linkerkant van de tekst. De lijstitemmarkeringen worden buiten de tekst geplaatst en de tekst is niet uitgelijnd op basis van de markeringen.
inherit Het wordt voorgeschreven dat de waarde van de list-style-position-eigenschap van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: buiten
Inheritantie: ja
Versie: CSS1
JavaScript syntaxis: object.style.listStylePosition="inside"

Meer voorbeelden

Plaatsing van lijstmarkeringen
Dit voorbeeld demonstreert waar de lijstmarkeringen moeten worden geplaatst.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5