style listStyle- Eigenschaft
Beispiel
Ändern Sie den Stil einer Liste:
document.getElementById("myList").style.listStyle = "decimal inside";
Definition und Verwendung
Die listStyle-Eigenschaft legt bis zu drei separate Listeneigenschaften in Kurzform fest oder gibt sie zurück.
Mit dieser Eigenschaft können Sie einen oder mehrere der folgenden Werte festlegen/zurückgeben (in beliebiger Reihenfolge):
- Listenstil-Typ
- Listenstil-Position
- list-style-image
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
listStyle | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die listStyle-Eigenschaft zurück:
object.style.listStyle
Legen Sie die listStyle-Eigenschaft fest:
object.style.listStyle = "type position image|initial|inherit"
Eigenschaftswerte
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
Standardwert: | Scheibe außen keine |
---|---|
Rückgabewert: | Ein String, der den Stil einer Liste darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Ändern Sie den Typ und die Position einer Liste in "Quadrat innen":
document.getElementById("myList").style.listStyle = "square inside";
Beispiel
Gibt den Listenstil zurück:
document.getElementById("myList").style.listStyle;
Verwandte Seiten
CSS-Tutorial: CSS-Liste
CSS -Referenz: Eigenschaft im Listenstil
❮ Style-Objekt