リスト

行頭記号または行頭番号の種類を指定する

list-style-type:値

値	説明
disk	●(黒丸)で表示
circle	○(白丸)で表示
square	■(四角)で表示
decimal	1,2,3...アラビア数字で表示する
lower-roman	鄯,鄱,鄴...ローマ数字小文字で表示する
upper-roman	Ⅰ,Ⅱ,Ⅲ...ローマ数字大文字で表示する
lower-alpha	a,b,c...アルファベット小文字で表示する
upper-alpha	A,B,C...アルファベット大文字で表示する
none	行頭記号や行頭番号を表示しない

ul{
    list-style-type:square;
}

行頭記号または行頭番号をイメージにする

list-style-image:値
noneを指定するとイメージを表示しない

ul{
    list-style-image:url("images/icon.gif");
}

行頭記号または行頭番号の位置を指定する

list-style-position:値

値	説明
outside	リスト項目の外側に表示する
inside	リスト項目の内側に表示する

ol{
    list-style-position:inside;
}

リストのプロパティを一括指定する

list-style:list-style-typeの値 list-style-imageの値 list-style-positionの値
指定する順番に決まりはない
list-style-typeとlist-style-imageプロパティを同時に指定するとlist-style-imageが優先される

ul{
    list-style:url("image/icon.gif") inside;
}