ul・ol・li要素の備忘録

← Back to article

list-style-type

※マーク付いたものはIE未対応の場合が有り

■disc(黒丸)

  1. List 1
  2. List 2
  3. List 3

■circle(白丸)

  1. List 1
  2. List 2
  3. List 3

■square(四角)

  1. List 1
  2. List 2
  3. List 3

■decimal(数字)

  1. List 1
  2. List 2
  3. List 3

■decimal-leading-zero(2桁数字)

  1. List 1
  2. List 2
  3. List 3

■lower-roman(小ローマ数字)

  1. List 1
  2. List 2
  3. List 3

■upper-roman(大ローマ数字)

  1. List 1
  2. List 2
  3. List 3

■lower-alpha(小アルファベット)

  1. List 1
  2. List 2
  3. List 3

■upper-alpha(大アルファベット)

  1. List 1
  2. List 2
  3. List 3

■lower-latin(小ラテン文字)

  1. List 1
  2. List 2
  3. List 3

■upper-latin(大ラテン文字)

  1. List 1
  2. List 2
  3. List 3

■lower-greek(小ギリシャ文字)

  1. List 1
  2. List 2
  3. List 3

■hebrew(ヘブライ数字)

  1. List 1
  2. List 2
  3. List 3

■armenian(アルメニア数字)

  1. List 1
  2. List 2
  3. List 3

■georgian(グルジア数字)

  1. List 1
  2. List 2
  3. List 3

■cjk-ideographic(漢数字)

  1. List 1
  2. List 2
  3. List 3

■hiragana(ひらがな)

  1. List 1
  2. List 2
  3. List 3

■katakana(カタカナ)

  1. List 1
  2. List 2
  3. List 3

■hiragana-iroha(いろは)

  1. List 1
  2. List 2
  3. List 3

■katakana-iroha(イロハ)

  1. List 1
  2. List 2
  3. List 3

value属性 #01

  1. List 1
  2. List 2
  3. List 3
  4. List 4
  5. List 5
  6. List 6(value="10"を指定)
  7. List 7
  8. List 8
  9. List 9
  10. List 10
  11. List 11
  12. List 12(value="20"を指定)
  13. List 13
  14. List 14
  15. List 15

value属性 #02

  1. List 1
  2. List 2
  3. List 3
  4. List 4
  5. List 5
  6. List 6
  7. List 7
  8. List 8
  9. List 9
  10. List 10

start属性

  1. List 1
  2. List 2
  3. List 3
  4. List 4
  5. List 5
  6. List 6
  7. List 7
  8. List 8
  9. List 9
  10. List 10

reversed属性 #01

※未対応ブラウザ有

  1. List 1
  2. List 2
  3. List 3
  4. List 4
  5. List 5
  6. List 6
  7. List 7
  8. List 8
  9. List 9
  10. List 10

reversed属性 #02

※各ブラウザに対応

  1. List 1
  2. List 2
  3. List 3
  4. List 4
  5. List 5
  6. List 6
  7. List 7
  8. List 8
  9. List 9
  10. List 10

ネストされたol要素にナンバリング

  1. List
  2. List
    1. List
    2. List
    3. List
      1. List
      2. List
      3. List
  3. List
  4. List
  5. List

ul要素を自動で2つに分ける