リストのマークを変える

ul、olのリストのマークはCSSで変更することができます。

ul {
list-style-type:square;
}

ol {
list-style-type:upper-roman;
}

disc(黒丸)、circle(白丸)、square(四角)、
decimal(数字)、upper-alpha(大文字アルファベット)、
lower-alpha(小文字アルファベット)、
upper-roman(大文字ローマ数字)、lower-roman(小文字ローマ数字)
となります。

  • りんご
  • バナナ
  • オレンジ
  1. りんご
  2. バナナ
  3. オレンジ

またブラウザによっては下記のマークも使用できます。
ただしIE7は未対応、IE8も一部対応なので使う場合は注意が必要です。 

 

decimal-leading-zero(2桁の数字)、lower-greek(小文字ギリシャ文字)、
upper-latin(大文字ラテン文字)、lower-latin(小文字ラテン文字)、
hebrew(ヘブライ数字)、armenian (アルメニア数字)、
georgian(グルジア数字)、cjk-ideographic(漢数字)、
hiragana(ひらがな)、katakana(カタカナ)、
hiragana-iroha(いろは順【ひらがな】)、katakana-iroha(いろは順【カタカナ】)

コメントを投稿する

SPONSORED LINK

CATEGORY

RECOMMEND BOOKS

OTHER

あわせて読みたい

トップへ戻る