Übersicht

Die list-style Eigenschaft ist eine Kurzform für list-style-type, list-style-image und list-style-position.

Initialwertwie die jeweiligen Kurzschreibweisen:
Anwendbar aufListenelemente
VererbtJa
Medienvisuell
Berechneter Wertwie die jeweiligen Kurzschreibweisen:
AnimierbarNein
Kanonische ReihenfolgeReihenfolge des Auftretens in der formalen Grammatik der Werte

Syntax

list-style: [ list-style-type || list-style-position || list-style-image ] | inherit

Werte

list-style-type
Siehe list-style-type
list-style-image
Siehe list-style-image
list-style-position
Siehe list-style-position

Beispiele

HTML

List 1
<ul class="one">
  <li>List Item1</li>
  <li>List Item2</li>
  <li>List Item3</li>
</ul>
List 2
<ul class="two">
  <li>List Item A</li>
  <li>List Item B</li>
  <li>List Item C</li>
</ul>

CSS

.one {
  list-style: circle;
}

.two {
  list-style: square inside;
}

Ergebnis

Browser Kompatibilität

Browser ab Version
Internet Explorer 4.0
Firefox (Gecko) 1.0 (1.0)
Opera 3.5
Safari (WebKit) 1.0 (85)

Spezifikation

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter: 
 Zuletzt aktualisiert von: hansspiess,