リストマーカー：その2

漢数字 cjk-ideographic;]

• アイテム１
• アイテム２
• アイテム３

<ul style="list-style-type:cjk-ideographic;" class="sample_list">
 <li style="list-style-type:cjk-ideographic;">アイテム１</li>
 <li style="list-style-type:cjk-ideographic;">アイテム２</li>
 <li style="list-style-type:cjk-ideographic;">アイテム３</li>
</ul>

---

ひらがな [hiragana]

• アイテム１
• アイテム２
• アイテム３

<ul style="list-style-type:hiragana;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

---

カタカナ [katakana]

• アイテム１
• アイテム２
• アイテム３

<ul style="list-style-type:katakana;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

---

いろはにほへと(ひらがな) [hiragana-iroha]

• アイテム１
• アイテム２
• アイテム３

<ul style="list-style-type:hiragana-iroha;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

---

イロハニホヘト(カタカナ) [katakana-iroha]

• アイテム１
• アイテム２
• アイテム３

<ul style="list-style-type:katakana-iroha;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

---

0付数値 [decimal-leading-zero;]

1. アイテム１
2. アイテム２
3. アイテム３

<ol style="list-style-type:decimal-leading-zero;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ol>

---

ギリシャ文字(大文字) [upper-greek]

• アイテム１
• アイテム２
• アイテム３

<ul style="list-style-type:upper-greek;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

---

ギリシャ文字(小文字) [lower-greek]

• アイテム１
• アイテム２
• アイテム３

<ul style="list-style-type:lower-greek;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

---

ラテン(大文字) [upper-latin]

• アイテム１
• アイテム２
• アイテム３

<ul style="list-style-type:upper-latin;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

---

ラテン(小文字) [lower-latin]

• アイテム１
• アイテム２
• アイテム３

<ul style="list-style-type:lower-latin;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

---

ヘブライ数字 [hebrew]

• アイテム１
• アイテム２
• アイテム３

<ul style="list-style-type:hebrew;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

---

グルジア数字 [georgian]

• アイテム１
• アイテム２
• アイテム３

<ul style="list-style-type:georgian;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

---

inherit

inherit は親要素から値を継承することを明示する値

• アイテム１
• アイテム２
• アイテム３

<ul style="list-style-type:inherit;">
 <li>アイテム１</li>
 <li>アイテム２</li>
 <li>アイテム３</li>
</ul>

 

[PR]

関連記事