list-style-typeはリストマーカーの種類を指定するプロパティです。
{list-style-type: リストマーカーの種類;}
リストマーカーの種類
list-style-typeプロパティで指定できるリストマーカーの種類には以下のようなものがあります。
| none | リストマーカーを表示しない |
|---|---|
| disc | 黒丸（●） |
| circle | 白丸（○） |
| square | 黒い四角（■） |
| 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 | 「イ」〜「ス」のカタカナ（イロハ順） |
以下、使用例です。
<ul style=”list-style-type: square;”>
<li>りんご</li>
<li>ぶどう</li>
<li>みかん</li>
</ul>
<li>りんご</li>
<li>ぶどう</li>
<li>みかん</li>
</ul>
- りんご
- ぶどう
- みかん
Leave a Comment