CSS list-style eigenschap

Definitie en gebruik

De verkorte eigenschap list-style stelt alle lijst-eigenschappen in in een verklaring.

Beschrijving

Dit is een verkorte eigenschap die alle andere lijststijleigenschappen omvat. Omdat het wordt toegepast op alle elementen met display: list-item, kan het alleen in normaal HTML en XHTML worden gebruikt voor li-elementen, hoewel het eigenlijk op elk element kan worden toegepast en door list-item-elementen geërfd wordt.

Deze eigenschappen kunnen in volgorde worden ingesteld:

Een van de waarden kan worden weggelaten, bijvoorbeeld "list-style:circle inside;" is ook toegestaan. Eigenschappen die niet worden ingesteld, gebruiken hun standaardwaarde.

Zie ook:

CSS handleiding:CSS lijst

HTML DOM referentiemanual:listStyle eigenschap

Voorbeeld

Stel de afbeelding in als markering van de lijstitems in de lijst:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

Probeer het zelf

CSS syntax

list-style: list-style-type list-style-position list-style-image|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
list-style-type Stel het type markering van lijstitems in. Zie ook:list-style-type mogelijke waarden.
list-style-position Stel in waar de markering van lijstitems moet worden geplaatst. Zie ook:list-style-position mogelijke waarden.
list-style-image Gebruik afbeeldingen om de markering van lijstitems te vervangen. Zie ook:list-style-image mogelijke waarden.
inherit Stelt dat de waarde van de list-style-eigenschap van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: disc outside none
Inheritantie: ja
Versie: CSS1
JavaScript syntax: object.style.listStyle="decimal inside"

Meer voorbeelden

Definieer alle lijst-eigenschappen in een verklaring
Dit voorbeeld demonstreert het instellen van alle eigenschappen voor lijsten in een verkorte eigenschap.

Browserondersteuning

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

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