Stijl listStyle-eigenschap
- vorige pagina lineHeight
- Next page listStyleImage
- Go back to the previous level HTML DOM Style Object
Definitie en gebruik
listStyle
Eigenschappen instellen of retourneren in een afkorting die maximaal drie afzonderlijke lijst-eigenschappen bevat.
Met deze eigenschap kunt u het volgende instellen/terugkrijgen (in willekeurige volgorde):
Zie ook:
CSS handleiding:CSS list
CSS referentiemanuallist-style-eigenschap
Voorbeeld
Voorbeeld 1
Wijzig de lijststijl:
document.getElementById("myList").style.listStyle = "decimal inside";
Voorbeeld 2
Wijzig het type en de positie van de lijst naar "square inside":
document.getElementById("myList").style.listStyle = "square inside";
Voorbeeld 3
Retourneer de lijststijl:
document.getElementById("myList").style.listStyle;
syntaxis
Retourneer de listStyle-eigenschap:
object.style.listStyle
Stel de listStyle-eigenschap in:
object.style.listStyle = "type position image|initial|inherit"
eigenschapswaarde
waarde | beschrijving |
---|---|
type | Definieer het type lijstitem-aanduiding. |
position | Positioneer de lijstitem-aanduiding. |
image | Definieer het beeld dat wordt gebruikt als lijstitem-aanduiding. |
initial | Stel deze eigenschap in op zijn standaardwaarde. Zie ook initial. |
inherit | Inherit deze eigenschap van de ouder-element. Zie ook inherit. |
technische details
standaardwaarde: | disc outside none |
---|---|
terugwaarde: | een string die de lijststijl vertegenwoordigt. |
CSS versie: | CSS1 |
browserondersteuning
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
ondersteuning | ondersteuning | ondersteuning | ondersteuning | ondersteuning |
- vorige pagina lineHeight
- Next page listStyleImage
- Go back to the previous level HTML DOM Style Object