Ü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) |
Spezifikation
Siehe auch