LIST-STYLE-TYPE – css vlastnost pro seznamy

Používá se pro definici zobrazení neuspořádaného a uspořádaného seznamu, které se používají pro přehledné zobrazení obsahu.

Existuje v CSS 1, 2 a 3 | je dědičná | dobře podporován všemi moderními prohlížeči

Hodnoty vlastnosti LIST-STYLE-TYPE

Hodnoty pro uspořádané seznamy

• decimal – celá čísla, pokud nedefinujete v uspořádaném seznamu žádný CSS styl, tak se obvykle objeví jako "decimal"
• decimal-leading-zero – obdoba "decilal", jen začíná nulou
• lower-alpha – malá písmena v latince (a. b. ...)
• lower-alpha – velká písmena v latince (A. B. ...)
• upper-roman – velká římská písmena (I. II. III. ...)
• none – nezobrazí se žádný znak

Hodnoty pro neuspořádané seznamy

• disc – černý puntík (standardní zobrazení pro základní úroveň seznamu)
• circle – prázdné kolečko (standardní pro vnořenou úroveň seznamu)
• square – plný čtvereček
• none – nezobrazí se nic, používá se často v případě, kdy se neuspořádaný seznam používá jako menu 

Způsob zápisu

V případě, že požadujete malé písmeno u uspořádaného seznamu, může zápis vypadat následovně:

ol {
   list-style-type: lower-alpha;
}

Pokud byste chtěli vystylovat případ, kdy základní uspořádaný seznam je číslicový a podřazený je malými písmeny, zápis by vypadal následovně:

...
<style>
ol {
   list-style-type: decimal;
}
ol ol {
   list-style-type: lower-alpha;
}
</style>
...
<ol>
    <li>Položka s číselným značením
    <ol> <!-- Vnořené ol -->
         <li>Vnořená položka s malým písmenem</li>
    </ol>
    </li>
</ol>

Kam dál

Naše služby Kurz základy HTML a CSS Kurz tvorby webových stránek pomocí systému Joomla Obecná pravidla CSS