プロパティ名値適用対象継承
list-style-type:記号の種類li要素有り
　　 　
値説明
種類none記号なし
discリストの記号を「●」（デフォルト）
circleリストの記号を「○｣で表示
squareリストの記号を「■」
lower-roman小文字のローマ数字「ⅰ、ⅱ、ⅲ」
upper-roman大文字のローマ数字「Ⅰ、Ⅱ、Ⅲ」
lower-greek小文字のギリシャ文字
decimal算用数字「１、２、３」
decimal-leading-zero頭に0をつけた算用数字「01、02、03」
(Firefoxのみ)
lower-latinアルファベットの小文字「a、b、c　」
lower-alphaアルファベットの小文字「a、b、c　」
upper-latinアルファベットの大文字「A, B, C 」
upper-alphaアルファベットの大文字「A, B, C 」
cjk-ideographic漢数字
hiraganaひらがなで「あいうえお」順
katakanaカタカナで「アイウエオ」順
hiragana-irohaひらがなで「いろは」順
katakana-irohaカタカナで「イロハ」順
hebrewヘブライ数字
armenianアルメニア数字
georgianグルジア数字
list-style-typeプロパティは、リストの行頭に表示する記号の種類を指定します。このプロパティは、ul, li, ol 要素に指定して使用します。li 要素にlist-style-typeプロパティを指定すると、リスト項目ごとに行頭の記号を変更できます。
list-style-imageプロパティで画像が指定されている場合は、その画像が優先して表示されます。

list_sampl01.gif

サンプルソース
【CSS】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <style type="text/css"> <!-- .sampl01{list-style-type:none;} .sampl02{list-style-type:disc;} .sampl03{list-style-type:circle;} .sampl04{list-style-type:square;} .sampl05{list-style-type:lower-roman;} .sampl06{list-style-type:upper-roman;} .sampl07{list-style-type:lower-greek;} .sampl08{list-style-type:decimal;} .sampl09{list-style-type:decimal-leading-zero;} .sampl10{list-style-type:lower-latin;} .sampl11{list-style-type:lower-alpha;} .sampl12{list-style-type:upper-latin;} .sampl13{list-style-type:upper-alpha;} .sampl14{list-style-type:cjk-ideographic;} .sampl15{list-style-type:hiragana;} .sampl16{list-style-type:katakana;} .sampl17{list-style-type:hiragana-iroha;} .sampl18{list-style-type:katakana-iroha;} .sampl19{list-style-type:hebrew;} .sampl20{list-style-type:armenian;} ol{color:blue; font-size:1.2em --> </style> </head> 【HTML】 <body> <table> <tr> <td><ol class="sampl01"><li>none</li><li>none</li><li>none</li></ol></td> <td><ol class="sampl02"><li>disc</li><li>disc</li><li>disc</li></ol></td> <td><ol class="sampl03"><li>circle</li><li>circle</li><li>circle</li></ol></td> <td><ol class="sampl04"><li>square</li><li>square</li><li>square</li></ol></td> <td><ol class="sampl05"><li>lower-roman</li><li>lower-roman</li><li>lower-roman</li></ol></td> <td><ol class="sampl06"><li>upper-roman</li><li>upper-roman</li><li>upper-roman</li></ol></td> <td><ol class="sampl07"><li>lower-greek</li><li>lower-greek</li><li>lower-greek</li></ol></td> </tr> <tr> <td><ol class="sampl08"><li>decimal</li><li>decimal</li><li>decimal</li></ol></td> <td><ol class="sampl09"><li>decimal-leading-zero</li><li>decimal-leading-zero</li><li>decimal-leading-zero</li> </ol></td> <td><ol class="sampl10"><li>lower-latin</li><li>lower-latin</li><li>lower-latin</li></ol></td> <td><ol class="sampl11"><li>lower-alpha</li><li>lower-alpha</li><li>lower-alpha</li></ol></td> <td><ol class="sampl12"><li>upper-latin</li><li>upper-latin</li><li>upper-latin</li></ol></td> <td><ol class="sampl13"><li>upper-alpha</li><li>upper-alpha</li><li>upper-alpha</li></ol></td> <td><ol class="sampl14"><li>cjk-ideographic</li><li>cjk-ideographic</li><li>cjk-ideographic</li></ol></td> </tr> <tr> <td><ol class="sampl15"><li>hiragana</li><li>hiragana</li><li>hiragana</li></ol></td> <td><ol class="sampl16"><li>katakana</li><li>katakana</li><li>katakana</li></ol></td> <td><ol class="sampl17"><li>hiragana-iroha</li><li>hiragana-iroha</li><li>hiragana-iroha</li></ol></td> <td><ol class="sampl18"><li>katakana-iroha</li><li>katakana-iroha</li><li>katakana-iroha</li></ol></td> <td><ol class="sampl19"><li>hebrew</li><li>hebrew</li><li>hebrew</li></ol></td> <td><ol class="sampl20"><li>armenian</li><li>armenian</li><li>armenian</li></ol></td> </tr></table> </body> </html>