CSS List Style Types Unordered + Ordered

To rapidly Assign a List Style Type you should define a Class for each Relevant Type.

The CSS Style must be Applied to the <li> Selector!

Unordered Lists:

• list-style-type: none;

  • First item
  • Second item
  • Third item

• list-style-type: disc;

  • First item
  • Second item
  • Third item

• list-style-type: circle;

  • First item
  • Second item
  • Third item

• list-style-type: square;

  • First item
  • Second item
  • Third item

Ordered Lists:

1. list-style-type: decimal;

   1. First item
   2. Second item
   3. Third item

1. list-style-type: decimal-leading-zero;

   1. First item
   2. Second item
   3. Third item

1. list-style-type: lower-alpha;

   1. First item
   2. Second item
   3. Third item

1. list-style-type: upper-alpha;

   1. First item
   2. Second item
   3. Third item

1. list-style-type: lower-roman;

   1. First item
   2. Second item
   3. Third item

1. list-style-type: upper-roman;

   1. First item
   2. Second item
   3. Third item

1. list-style-type: lower-greek;

   1. First item
   2. Second item
   3. Third item

1. list-style-type: lower-latin;

   1. First item
   2. Second item
   3. Third item

1. list-style-type: upper-latin;

   1. First item
   2. Second item
   3. Third item

1. list-style-type: hebrew;

   1. First item
   2. Second item
   3. Third item

1. list-style-type: armenien;

   1. First item
   2. Second item
   3. Third item

1. list-style-type: georgian;

   1. First item
   2. Second item
   3. Third item

For the Last "Esotic" list types a Proper Encoding is Necessary...

1. list-style-type: cjk-ideographic;

1. list-style-type: hiragana;

1. list-style-type: katakana;

1. list-style-type: hiragana-iroha;

1. list-style-type: katakana-iroha;