list-style
Ü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 |
| Berechneter Wert | wie die jeweiligen Kurzschreibweisen:
|
| Animationstyp | diskret |
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) |