Stijllijst Stijleigenschap _
Voorbeeld
De stijl van een lijst wijzigen:
document.getElementById("myList").style.listStyle = "decimal inside";
Definitie en gebruik
De eigenschap listStyle stelt maximaal drie afzonderlijke lijsteigenschappen in of retourneert deze in een verkorte vorm.
Met deze eigenschap kunt u een of meer van de volgende zaken instellen/retourneren (in willekeurige volgorde):
- lijst-stijl-type
- lijst-stijl-positie
- lijst-stijl-afbeelding
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
listStyle | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap listStyle:
object.style.listStyle
Stel de eigenschap listStyle in:
object.style.listStyle = "type position image|initial|inherit"
Eigendomswaarden
Parameter | Description |
---|---|
type | Defines the list-item marker type |
position | Positions the list-item marker |
image | Defines an image to be used as the list-item marker |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | schijf buiten geen |
---|---|
Winstwaarde: | Een tekenreeks, die de stijl van een lijst vertegenwoordigt |
CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Wijzig het type en de positie van een lijst in "vierkant van binnen":
document.getElementById("myList").style.listStyle = "square inside";
Voorbeeld
Geef de lijststijl terug:
document.getElementById("myList").style.listStyle;
Gerelateerde pagina's
CSS-zelfstudie: CSS-lijst
CSS -referentie: eigenschap lijststijl
❮ Stijlobject