HOME > > > 忘れがちなlist-style-typeマーカーの種類一覧をまとめておきます

忘れがちなlist-style-typeマーカーの種類一覧をまとめておきます

忘れがちなlist-style-typeマーカーの種類一覧をまとめておきます

使わないlist-style-typeは忘れがちです

使うリストスタイルって殆ど限られています。黒丸とか四角とか。
たまたま2桁の数字のリストスタイルを使う機会があったのですが、すっかり「えっ?」でした。
検索すると出てはくるのですが、自分で覚えておきたいので一覧でまとめておきます。
結構あるんですよね。

none

マーカーを表示しない

  • リスト1
  • リスト2
  • リスト3

list-style-type: none;

disc

黒丸

  • リスト1
  • リスト2
  • リスト3

list-style-type: disc;

circle

白丸 黒縁

  • リスト1
  • リスト2
  • リスト3

list-style-type: circle;

square

黒四角

  • リスト1
  • リスト2
  • リスト3

list-style-type: square;

decimal

英数字

  • リスト1
  • リスト2
  • リスト3

list-style-type: decimal;

upper-alpha

大文字のアルファベット
「Z」の次は「AA」「AB」と続きます。

  • リスト1
  • リスト2
  • リスト3

list-style-type: upper-alpha;

lower-alpha

小文字のアルファベット
「z」の次は「aa」「ab」と続きます。

  • リスト1
  • リスト2
  • リスト3

list-style-type: lower-alpha;

upper-roman

大文字のローマ数字

  • リスト1
  • リスト2
  • リスト3

list-style-type: upper-roman;

lower-roman

小文字のローマ数字

  • リスト1
  • リスト2
  • リスト3

list-style-type: lower-roman;

decimal-leading-zero

2桁の英数字
「09」以降は「10」「11」と続きます。
IE8以下使用不可。

  • リスト1
  • リスト2
  • リスト3

list-style-type: decimal-leading-zero;

cjk-ideographic

漢数字
IE8以下使用不可。

  • リスト1
  • リスト2
  • リスト3

list-style-type: cjk-ideographic;

hiragana

ひらがな
IE8以下使用不可。

  • リスト1
  • リスト2
  • リスト3

list-style-type: hiragana;

katakana

カタカナ
IE8以下使用不可。

  • リスト1
  • リスト2
  • リスト3

list-style-type: katakana;

hiragana-iroha

いろはにほへと
IE8以下使用不可。

  • リスト1
  • リスト2
  • リスト3

list-style-type: hiragana-iroha;

katakana-iroha

イロハニホヘト
IE8以下使用不可。

  • リスト1
  • リスト2
  • リスト3

list-style-type: katakana-iroha;

lower-greek

小文字のギリシャ文字
IE8以下使用不可。

  • リスト1
  • リスト2
  • リスト3

list-style-type: lower-greek;

upper-latin

大文字のラテン文字(アルファベット)
IE8以下使用不可。

  • リスト1
  • リスト2
  • リスト3

list-style-type: upper-latin;

lower-latin

小文字のラテン文字(アルファベット)
IE8以下使用不可。

  • リスト1
  • リスト2
  • リスト3

list-style-type: lower-latin;

hebrew

ヘブライ数字
IE8以下使用不可。

  • リスト1
  • リスト2
  • リスト3

list-style-type: hebrew;

armenian

アルメニア数字
IE8以下使用不可。

  • リスト1
  • リスト2
  • リスト3

list-style-type: armenian;

georgian

グルジア数字
IE8以下使用不可。

  • リスト1
  • リスト2
  • リスト3

list-style-type: georgian;

後半使う事なさそうだなぁ。

このページを共有する

Facebook
twitter
Line
googleプラス
はてなブックマーク
Pocket