CSS List Style Types Unordered + Ordered

October 10, 2011 | By Duchateaux.

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;


  • QuickChic Theme • Powered by WordPress