i-CSS2 list-style

June.27.2009.Sat 09:04｜category：css

序列リスト(ol)、非序列リスト(ul)、非推奨要素のdirやmenu、及びこれらの中に最低一組必須のliに使用可能。

■list-style-image
リスト画像です。
値：url("画像URL")

このサンプルはulに指定。
ul～/ul内の全てのリスト画像を一括で指定できます。
imB1.0はリスト画像は表示されません。

このサンプルはliに指定。
li全てのリスト画像をバラバラに指定できます。
imB1.0はリスト画像は表示されません。

■list-style-position
値：inside、outside(デフォルト)

通常リストマークよりも右側にオフセットされます(outside)が、insideは二行目以降がリストマークとツライチになります。

outside
二行目
一行目
二行目
一行目
二行目

inside
二行目
一行目
二行目
一行目
二行目

※当ブログがPC(none)、auとSoftBank(画像)のためうまく表示されませんね

■list-style-type
これは以前から馴染みがあると思います。
値：disc(塗り潰し円：デフォルト)、circle(輪)、square(四角)、decimal(アラビア数字)、lower-alpha(アルファベット小文字)、upper-alpha(アルファベット大文字)、none(非表示)
※auはdisc、circle、squareが絵文字になります。