Ăbersicht
Die list-style
Eigenschaft ist eine Kurzform fĂŒr list-style-type
, list-style-image
und list-style-position
.
Initialwert | wie die jeweiligen Kurzschreibweisen:
|
---|---|
Anwendbar auf | Listenelemente |
Vererbt | Ja |
Medien | visuell |
Berechneter Wert | wie die jeweiligen Kurzschreibweisen:
|
Animationstyp | diskret |
Kanonische Reihenfolge | Reihenfolge 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) |