CSS2.1まとめ書き－list-style編（HTML・CSSリファレンス）

1年以上前の記事です。内容が古い可能性があります。

CSS2.1まとめ書きは今回のlist-styleで一応最終回にしたいと思います。
margin、padding等もありますがこの辺りはまあ、紹介するまでもないだろうということで。。

ってか、CSS2.1の地点で今さら何をという話なんですけどね。

▼もうそろそろこちらを勉強した方がいいかもしれません。

よくわかるHTML5+CSS3の教科書

posted with ヨメレバ

大藤 幹 マイナビ 2012-07-28

Amazon

楽天ブックス

7net

honto

ブックオフ

e-hon

リストの先頭に付けるマークの種類を設定するプロパティです。
「none」を指定してリストマークを消すのに使うことが一番多いと思います。

他にdisc（黒丸）、circle（白丸）、square（黒四角）等の指定ができます。
また、順リスト用にupper-roman（ローマ数字）、decimal（算用数字）等の指定もあります。

リストの先頭に付ける画像を設定するプロパティです。
「url(イメージのパス)」という値になります。
パス表記は絶対パス、相対パスどちらでも可です。

リストマークの位置を「inside」内側か「outside」外側かを指定します。
初期値は「outside」です。

で、これらをまとめて書く場合は以下のようになるわけです。

これも順序は問いません。
したがって以下のようにも書けるわけです。

ちなみに、「list-style-type」と「list-style-image」両方を設定している場合は「list-style-image」が優先されます。

「list-style」に関してはあまりまとめ書きをする利点、感じられません。
ぶっちゃけ、 「list-style-type」と「list-style-position」は初期値でいいですし。
ただ、

や

などを書くときに

や

などと省略して書けるのは便利だと思います。