list-style-type

解説

リストの先頭に表示するマーカー文字の種類を指定します。ただし、list-style-typeと、list-style-imageの値を同時に指定した場合、list-style-imageの値が優先されます。

プロパティ情報

値：disc,circle,square,decimal,decimal-leading-zero,lower-roman,upper-roman,lower-greek,lower-alpha,lower-latin,upper-alpha,upper-latin,hebrew,armenian,georgian,cjk-ideographic,hiragana,katakana,hiragana-iroha,katakana-iroha,none
初期値：disc
適用対象：リスト項目要素
継承：する
パーセンテージ：不可
適用メディア：視覚
レベル：1〜2

参照

list-style list-style-image list-style-type list-style-position

使用例

ソース

CSSの記述方法はスタイルシートってなに？も参照下さい。

マーカー無し
<ul style="list-style: none">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

黒丸
<ul style="list-style: disk">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

白丸
<ul style="list-style: circle">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

黒四角
<ul style="list-style: square">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

小文字のローマ字
<ul style="list-style: lower-roman">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>
5
大文字のローマ字
<ul style="list-style: upper-roman">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

小文字のギリシア文字
<ul style="list-style: lower-greek">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

算用数字
<ul style="list-style: decimal">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

ゼロ＋算用数字
<ul style="list-style: decimal-leading-zero">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

小文字アルファベット
<ul style="list-style: lower-latin">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

小文字アルファベット
<ul style="list-style: lower-alpha">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

大文字アルファベット
<ul style="list-style: upper-latin">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

大文字アルファベット
<ul style="list-style: upper-alpha">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

漢数字
<ul style="list-style: cjk-ideographic">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

ひらがな順
<ul style="list-style: hiragana">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

カタカナ順
<ul style="list-style: katakana">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

ひらがないろは順
<ul style="list-style: hiragana-iroha">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

カタカナイロハ順
<ul style="list-style: katakana-iroha">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

ヘブライ数字
<ul style="list-style: hebrew">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

アルメニア数字
<ul style="list-style: armenian">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

グルジア数字
<ul style="list-style: georgian">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>

表示結果

マーカー無し

  • リスト１
  • リスト２
  • リスト３

黒丸

  • リスト１
  • リスト２
  • リスト３

白丸

  • リスト１
  • リスト２
  • リスト３

黒四角

  • リスト１
  • リスト２
  • リスト３

小文字のローマ字

  • リスト１
  • リスト２
  • リスト３

大文字のローマ字

  • リスト１
  • リスト２
  • リスト３

小文字のギリシア文字

  • リスト１
  • リスト２
  • リスト３

算用数字

  • リスト１
  • リスト２
  • リスト３

ゼロ＋算用数字

  • リスト１
  • リスト２
  • リスト３

小文字アルファベット

  • リスト１
  • リスト２
  • リスト３

小文字アルファベット

  • リスト１
  • リスト２
  • リスト３

大文字アルファベット

  • リスト１
  • リスト２
  • リスト３

大文字アルファベット

  • リスト１
  • リスト２
  • リスト３

漢数字

  • リスト１
  • リスト２
  • リスト３

ひらがな順

  • リスト１
  • リスト２
  • リスト３

カタカナ順

  • リスト１
  • リスト２
  • リスト３

ひらがないろは順

  • リスト１
  • リスト２
  • リスト３

カタカナイロハ順

  • リスト１
  • リスト２
  • リスト３

ヘブライ数字

  • リスト１
  • リスト２
  • リスト３

アルメニア数字

  • リスト１
  • リスト２
  • リスト３

グルジア数字

  • リスト１
  • リスト２
  • リスト３