list-style-typeプロパティは、ul要素、ol要素、li要素の他に、displayプロパティで list-item を指定した要素にも設定することができます。

サンプル

• リスト1
• リスト2
• リスト3

<!-- html -->
<ul class="sample">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>

/* css */
.sample {
list-style-type: disc;
}

マーカーの種類

値	説明	サンプル
none	なし	リスト1 リスト2 リスト3
disc	黒丸	リスト1 リスト2 リスト3
circle	白丸	リスト1 リスト2 リスト3
square	四角	リスト1 リスト2 リスト3
decimal	数字	リスト1 リスト2 リスト3
upper-alpha	アルファベット（大文字）	リスト1 リスト2 リスト3
lower-alpha	アルファベット（小文字）	リスト1 リスト2 リスト3
upper-roman	ローマ数字（大文字）	リスト1 リスト2 リスト3
lower-roman	ローマ数字（小文字）	リスト1 リスト2 リスト3
decimal-leading-zero	数字（2桁）	リスト1 リスト2 リスト3
lower-greek	ギリシャ文字（小文字）	リスト1 リスト2 リスト3
upper-latin	ラテン文字（大文字）	リスト1 リスト2 リスト3
lower-latin	ラテン文字（小文字）	リスト1 リスト2 リスト3
hebrew	ヘブライ数字	リスト1 リスト2 リスト3
armenian	アルメニア数字	リスト1 リスト2 リスト3
georgian	グルジア数字	リスト1 リスト2 リスト3
cjk-ideographic	漢数字	リスト1 リスト2 リスト3
hiragana	ひらがな	リスト1 リスト2 リスト3
katakana	カタカナ	リスト1 リスト2 リスト3
hiragana-iroha	いろは（ひらがな）	リスト1 リスト2 リスト3
katakana-iroha	いろは（カタカナ）	リスト1 リスト2 リスト3

マーカーに色をつけることもできます

• リスト1
• リスト2
• リスト3

<!-- html -->
<ul class="sample">
<li><span>リスト1</span></li>
<li><span>リスト2</span></li>
<li><span>リスト3</span></li>
</ul>

/* css */
.sample {
list-style-type: disc;
color: #f33;
}
.sample span {
color: #000;
}