Ü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:
|
| Animierbar | Nein |
| 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
Schlagwörter des Dokuments und Mitwirkende
Schlagwörter:
Mitwirkende an dieser Seite:
hansspiess,
SphinxKnight,
Aryx,
teoli,
screeny05,
fscholz,
SJW,
ethertank,
Jürgen Jeka,
Michael2402
Zuletzt aktualisiert von:
hansspiess,