<p><strong>list-style-type: none</strong> マーカーなし</p>
<ol class="none">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: disc</strong> 黒丸</p>
<ol class="disc">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: circle</strong> 白丸</p>
<ol class="circle">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: square</strong> 黒四角</p>
<ol class="square">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: lower-roman</strong> 小文字のローマ数字</p>
<ol class="lower-roman">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: upper-roman</strong> 大文字のローマ数字</p>
<ol class="upper-roman">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: lower-greek</strong> 小文字のギリシャ文字</p>
<ol class="lower-greek">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: decimal</strong> 算用数字</p>
<ol class="decimal">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: decimal-leading-zero</strong> 先頭に0をつけた算用数字</p>
<ol class="decimal-leading-zero">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: lower-latin</strong> 小文字のアルファベット</p>
<ol class="lower-latin">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: lower-alpha</strong> 小文字のアルファベット</p>
<ol class="lower-alpha">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: upper-latin</strong> 大文字のアルファベット</p>
<ol class="upper-latin">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: upper-alpha</strong> 大文字のアルファベット</p>
<ol class="upper-alpha">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: cjk-ideographic</strong> 漢数字</p>
<ol class="cjk-ideographic">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: hiragana</strong> ひらがなのあいうえお順</p>
<ol class="hiragana">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: katakana</strong> カタカナのアイウエオ順</p>
<ol class="katakana">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: hiragana-iroha</strong> ひらがなのいろはにほへと順</p>
<ol class="hiragana-iroha">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: katakana-iroha</strong> カタカナのイロハニホヘト順</p>
<ol class="katakana-iroha">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: hebrew</strong> ヘブライ数字</p>
<ol class="hebrew">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: armenian</strong> アルメニア数字</p>
<ol class="armenian">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
<p><strong>list-style-type: georgian</strong> グルジア数字</p>
<ol class="georgian">
<li>カレーライス</li>
<li>からあげ</li>
<li>ハンバーグ</li>
</ol>
.none {
list-style: none;
}
.disc {
list-style: disc;
}
.circle {
list-style: circle;
}
.square {
list-style: square;
}
.lower-roman {
list-style: lower-roman;
}
.upper-roman {
list-style: upper-roman;
}
.lower-greek {
list-style: lower-greek;
}
.decimal {
list-style: decimal;
}
.decimal-leading-zero {
list-style: decimal-leading-zero;
}
.lower-latin {
list-style: lower-latin;
}
.lower-alpha {
list-style: lower-alpha;
}
.upper-latin {
list-style: upper-latin;
}
.upper-alpha {
list-style: upper-alpha;
}
.cjk-ideographic {
list-style: cjk-ideographic;
}
.hiragana {
list-style: hiragana;
}
.katakana {
list-style: katakana;
}
.hiragana-iroha {
list-style: hiragana-iroha;
}
.katakana-iroha {
list-style: katakana-iroha;
}
.hebrew {
list-style: hebrew;
}
.armenian {
list-style: armenian;
}
.georgian {
list-style: georgian;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.