リストのプロパティ

リストの種類を指定する

プロパティ	値	備考
list-style-type	disc circle square decimal upper-alpha lower-alpha upper-roman lower-roman none	黒丸 白丸 四角 数字 大文字アルファベット 小文字アルファベット 大文字アラビア数字 小文字アラビア数字 リストマークなし

See the Pen
2-11_1 by Koji Seto (@yseseto)
on CodePen.

リストマークの位置を指定する

プロパティ	値	備考
list-style-position	outside inside	リストマークはリスト外（デフォルト） リストマークはリスト内

See the Pen
2-11_2 by Koji Seto (@yseseto)
on CodePen.

リストマークに画像を使用

プロパティ	値	備考
list-style-image	[例] url(../images/mark.gif);	リストマークに使用する画像のパスを指定

リストマークに画像を使用する場合は、リストマークにふさわしい、小さい画像を用意しましょう。また、これの代わりに背景画像 background-imageを使用することもありますが、その場合は余白を適切に設定しないと、画像と項目のテキストが重なってしまいますので注意しましょう。