初級HTML,CSS作成講座,リスト作成


~初級HTML,CSS作成講座~


◆リストのマーカーの種類の変更

list-style-type:種類;
  • square
  • hiragana
  • hebrew
種類　none(無し)　●disk(デフォルト)　○circle　■square　1,2,3…decimal　i,ii,iii…lower-roman
　　　I,II,III…upper-roman　a,b,c…lower-alpha　A,B,C…upper-alpha　a,b,c…lower-latin
　　　A,B,C…upper-latin　α,β,γ…lower-greek　01,02,03…decimal-leading-zero
　　　一,二,三…cjk-ideographic　あ,い,う…hiragana　ア,イ,ウ…katakana　い,ろ,は…hiragana-iroha
　　　イ,ロ,ハ…katakana-iroha　ג,א,ב…hebrew　Ա,Բ,Գ…armenian　ა,ბ,გ…georgian


◆リストのマーカーを画像にする

list-style-image:url(画像のurl);
  • 画像



◆リストのマーカーの位置を変える

list-style-position: inside;
  • inside
デフォルトはoutsideです。
insideにすると、テーブル等の枠の左端で使ってもマーカーが枠の中に収められます。


戻る