Listensymbol¶

list-style-type¶

Die CSS Eigenschaft list-style-type verändert die Darstellung des Listensymbols (marker).

Wert	Erklärung
none	Kein marker wird angezeigt.
disc	Ein gefüllter Kreis wird angezeigt.
circle	Ein Kreis wird angezeigt.
square	Ein gefülltes Quadrat wird angezeigt.

.list1 {
  list-style-type: none;
}

.list2 {
  list-style-type: square;
}

Durch die CSS Eigenschaft list-style-image ist es möglich ein Bild als marker zu verwenden.

ul {
  list-style-image: url("win-logo.");
}

Die CSS Eigenschaft list-style-position setzt die Position des marker relativ zu einer Liste. Die Eigenschaftswerte sind:

ul {
  list-style-position: inside;
}