Beispiel
Ändern Sie den Stil einer Liste:
document.getElementById("myList").style.listStyle = "decimal inside";
Versuch es selber " Definition und Verwendung
Die Liststyle-Eigenschaft legt oder kehrt in drei separaten Liste Eigenschaften, in einer Kurzform auf.
Mit dieser Eigenschaft können Sie einstellen / Return eine oder mehrere der folgenden (in beliebiger Reihenfolge):
- list-style-type
- list-style-position
- list-style-image
Browser-Unterstützung
Die Liststyle-Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Bringen Sie die Liststyle-Eigenschaft:
object .style.listStyle
Stellen Sie die Eigenschaft Liststyle:
object .style.listStyle=" Eigenschaftswerte Parameter Beschreibung type Definiert die list-item Markierertyp position Positioniert die Liste Punkt Marker image Legt ein Bild als Listenpunkt Marker verwendet werden initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: Scheibe außerhalb keines Rückgabewert: Ein String, die den Stil einer Liste CSS Version CSS1
Mehr Beispiele
Beispiel
Ändern Sie den Typ und die Position einer Liste auf "square inside" :
document.getElementById("myList").style.listStyle = "square inside"; Versuch es selber "
Beispiel
Gibt die Liste Stil:
document.getElementById("myList").style.listStyle; Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Liste
CSS - Referenz: list-style property - list-style property
<Style - Objekt