ホーム >>> HTML整理ノート

list-style-type リストマーカーの形状を指定

list-style-type:(値)
・リストマーカー(リストの先頭記号）の形状を指定する。

(値)
　none ･･･リストマーカーを表示しない
　disc ･･･(初期値）黒丸 ● が付く
　circle ･･･白丸 ○ が付く
　square ･･･黒四角 ■ が付く
　decimal ･･･算用数字（1,2,3...）が付く
　lower-roman ･･･小文字ローマ数字（i,ii,iii...）が付く
　upper-roman ･･･大文字ローマ数字（Ⅰ,Ⅱ,Ⅲ...)が付く
　lower-alpha ･･･英字小文字（a,b,c...）が付く
　upper-alpha ･･･英字大文字（A,B,C...が付く
　lower-greek ･･･ギリシャ小文字
　decimal-leading-zero ･･･0をつけた数字（01,02,03･･･）
　cjk-ideographic ･･･漢数字（一,二,三、･･･）
　hiragana-iroha ･･･ひらがな（い,ろ,は,･･･）
　katakana-iroha ･･･ひらがな（イ,ロ,ハ,･･･）
　hebrew ･･･ヘブライ数字
　armenia ･･･アルメニア数字
　georgian ･･･グルジア数字

Sample
  • none-sample-a
  • none-sample-b
  • none-sample-c
  • disc-sample-a
  • disc-sample-b
  • disc-sample-c
  • circle-sample-a
  • circle-sample-b
  • circle-sample-c
  • square-sample-a
  • square-sample-b
  • square-sample-c
  1. decimal -a
  2. decimal -b
  3. decimal -c
  1. lower-roman -a
  2. lower-roman -b
  3. lower-roman -c
  1. upper-roman -a
  2. upper-roman -b
  3. upper-roman -c
  1. lower-alpha -a
  2. lower-alpha -b
  3. lower-alpha -c
 
  1. upper-alpha -a
  2. upper-alpha -b
  3. upper-alpha -c
 
  1. lower-greek -a
  2. lower-greek -b
  3. lower-greek -c
  1. decimal-leading-zero
  2. decimal-leading-zero
  3. decimal-leading-zero
  1. cjk-ideographic
  2. cjk-ideographic
  3. cjk-ideographic
  1. hiragana-iroha a
  2. hiragana-iroha b
  3. hiragana-iroha c
  1. katakana-iroha a
  2. katakana-iroha b
  3. katakana-iroha c
  1. hebrew -a
  2. hebrew -b
  3. hebrew -c
  1. armenia -a
  2. armenia -b
  3. armenia -c
  1. georgian -a
  2. georgian -b
  3. georgian -c
 

IE8 ･･･cjk-ideographic／hiragana-iroha／katakana-iroha／hebrew／armenia／georgian
　　は未対応
FireFox／GoogleChrome　･･･armeniaは未対応

Sample Source......................................................................>>>