Neueste Web-Entwicklung Tutorials
 

Style listStyle Property

<Style - Objekt

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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