CSS vlastnost list-style může určovat všechny vlastnosti odrážek nebo číslování najednou.
| hodnoty | vlastnosti odrážek |
|---|---|
| typ pozice obrázek | v tomto pořadí se mohou zapsat vlastnosti odrážek |
Jedná se o úspornější formu zápisu vzhledu odrážek a číslování (většinou tagu <li>).
| Prohlížeč | Podpora ve verzích | Poznámka |
|---|---|---|
| 4, 5, 5.5, 6 | ||
| Mozilla (Netscape 6+) | všechny verze | |
| Opera | 4, 5, 6, 7 | |
| Konqueror | ano | |
| IE 5 / Mac | ano | |
| Netscape Navigator 4 | ne |
Všechny odrážky na stránce se dají najednou ovlivnit stylopisem:
<style>
ul li {list-style: square outside url("odrazka.gif")}
ol li {list-style: lower-alpha outside none}
</style>
nečíslované seznamy (tagy <li> uvnitř tagů <ul>) budou s grafickou odrážkou odrazka.gif. Číslované seznamy (tagy <li> uvnitř tagu <ol>) budou malými písmeny a. b. c. (lower-alpha) a bez grafické odrážky. Pokud bude mít prohlížeč vypnuté obrázky, zobrazí se odrážky jako čtvereček (square).
V praxi by bylo asi přehlednější tyto zápisy udělat pomocí vlastností list-style-image a list-style-type.
Barvení a odsazení číslíčka nebo odrážky seznamu
List-style-image = obrázková odrážka, List-style-position = umístění odrážky nebo čísla, List-style-type = druh odrážky, Margin = okraje, Display = způsob zobrazení prvku (mimo jiné jako položka seznamu), Seznamy v HTML (odrážky a číslování)
o tvorbě, údržbě a zlepšování internetových stránek