List-style

CSS vlastnost list-style může určovat všechny vlastnosti odrážek nebo číslování najednou.

Jedná se o úspornější formu zápisu vzhledu odrážek a číslování (většinou tagu <li>).

Podrobněji u list-style-image, list-style-type a list-style-position.

Podpora

Příklady

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.

Další příklady se vztahem k odrážkám

Barvení a odsazení číslíčka nebo odrážky seznamu

Pokus s counter-increment

Reklama

Vizte též

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í)