<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.