[CSS] 基本メモ: list-styleプロパティ

list-style-type

  • none (無し)
  • disc (白い丸)
  • circle (黒い丸)
  • square (黒い四角)
  • lower-roman (小文字ローマ数字)
  • upper-roman (大文字ローマ数字)
  • lower-greek (小文字ギリシャ文字)
  • decimal (数字)
  • decimal-leading-zero (先頭にゼロを付けた数字)
  • lower-alpha (小文字アルファベット)
  • uppwe-alpha (大文字アルファベット) など

list-style-position

  • outside
  • inside

list-style-image

  • url(‘bullet.png’);

サンプル

css_list1

css_list2

css_list3

css_list4

参考サイト

list-style-type-スタイルシートリファレンス
http://www.htmq.com/style/list-style-type.shtml

list-style-position-スタイルシートリファレンス
http://www.htmq.com/style/list-style-position.shtml

list-style-image-スタイルシートリファレンス
http://www.htmq.com/style/list-style-image.shtml