CSS List Style Types Unordered + Ordered

October 10th, 2011 by Regaz

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

The CSS Style must be Applied to the

  • 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 Latest “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;
  • Tags: