Home / リストの設定 / リストマーク・番号の表示形式の指定 : list-style-type

リストマーク・番号の表示形式の指定 : list-style-type

::: 書 式 :::
list-style-type: マーク形式

::: プロパティ値 :::
マーク形式には、下記の値を指定します。
  • disc  黒丸(初期値)
  • none  表示しない
  • circle  白丸
  • square  四角
  • decimal  数字(1,2,3...)
  • decimal-leading-zero  0付きの数字(01,02,03...)
  • cjk-ideographic  漢数字(一二三...)
  • hiragana  ひらがなの「あいうえお」順
  • katakana  カタカナの「アイウエオ」順
  • hiragana-iroha  ひらがなの「いろは」順
  • katakana-iroha  カタカナの「イロハ」順
  • lower-alpha  小文字のアルファベット(a,b,c...)
  • upper-alpha  大文字のアルファベット(A,B,C...)
  • lower-roman  小文字のローマ数字(ⅰ,ⅱ,ⅲ...)
  • upper-roman  大文字のローマ数字(Ⅰ,Ⅱ,Ⅲ...)
  • lower-greek  小文字のギリシャ文字(αβγ...)
  • lower-latin  小文字のラテン文字
  • upper-latin  大文字のラテン文字
  • hebrew  ヘブライ数字
  • armenian  アルメニア数字
  • georgian  グルジア数字

::: 解 説 :::
list-style-type」プロパティで、リストのマークや番号の表示形式を指定します。

list-style-image」プロパティで画像が指定してある場合は、その画像が優先されます。

::: 対応ブラウザ :::
IE Firefox Opera Chrome Safari
8 7 6 5.5 5 3.5 3 2 1.5 1 10 9 8 7 6 2 1 4 3 2 1
[ 対応状況 : ○=対応、△=一部対応、×=未対応 ]

::: サンプル ::: [ サンプル画面 スタイルシート(CSS)サンプル画面 ]


関連項目