{ list-style-type 【 リスト・スタイル・タイプ 】 : 種類; }

list-style-typeプロパティは、リストマーカーの種類を指定します。

初期値	disc
継承	あり
適用される要素	リストアイテム要素
モジュール	CSS Lists and Counter Module

値の指定方法

種類

none	リストマーカーを表示しません。
decimal	「1」〜「100」の数字のマーカーが表示されます。
decimal-leading-zero	「01」〜「100」のゼロ埋めされた数字のマーカーが表示されます。
cjk-decimal	「一」〜「一〇〇」の漢数字のマーカーが表示されます。
lower-roman	「i」〜「c」のローマ数字（小文字）のマーカーが表示されます。
upper-roman	「I」〜「C」のローマ数字（大文字）のマーカーが表示されます。
lower-alpha	「a」〜「z」のアルファベット（小文字）のマーカーが表示されます。
upper-alpha	「A」〜「Z」のアルファベット（大文字）のマーカーが表示されます。
lower-greek	「α」〜「ω」のギリシア文字（小文字）のマーカーが表示されます。
hiragana	「あ」〜「ん」のひらがな（50 音順）のマーカーが表示されます。
hiragana-iroha	「い」〜「す」のひらがな（いろは順）のマーカーが表示されます。
katakana	「ア」〜「ン」のカタカナ（50 音順）のマーカーが表示されます。
katakana-iroha	「イ」〜「ス」のカタカナ（イロハ順）のマーカーが表示されます。
disc	黒丸（●）のマーカーが表示されます。
circle	白丸（○）のマーカーが表示されます。
square	黒い四角（■）のマーカーが表示されます。

サンプルコード

以下の例では、ul要素内のli要素に表示されるリストマーカーが黒丸（●）になります。

ul{
  list-style-type: disc;
}

ポイント

• 上記は代表的なリストマーカーの種類です。これら以外にも、CSS3で指定可能なマーカー、またはブラウザーによって指定可能なマーカーが存在します。