リストのマークを変える
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(小文字ローマ数字)
となります。
- りんご
- バナナ
- オレンジ
- りんご
- バナナ
- オレンジ
またブラウザによっては下記のマークも使用できます。
ただしIE7は未対応、IE8も一部対応なので使う場合は注意が必要です。
decimal-leading-zero(2桁の数字)、lower-greek(小文字ギリシャ文字)、
upper-latin(大文字ラテン文字)、lower-latin(小文字ラテン文字)、
hebrew(ヘブライ数字)、armenian (アルメニア数字)、
georgian(グルジア数字)、cjk-ideographic(漢数字)、
hiragana(ひらがな)、katakana(カタカナ)、
hiragana-iroha(いろは順【ひらがな】)、katakana-iroha(いろは順【カタカナ】)