メインメニュー


[スポンサードリンク]


リストのマークや番号を指定する
list-style-type:マークの種類

マークの種類:
none 表示なし
disc 塗りつぶされた丸 (デフォルト)
circle 線で描かれた丸
square 線で描かれた四角
lower-roman ローマ数字の小文字
upper-roman ローマ数字の大文字
decimal 算用数字
decimal-leading-zero 頭に0をつけた算用数字
lower-latin アルファベットの小文字
lower-alpha アルファベットの小文字
upper-latin アルファベットの大文字
upper-alpha アルファベットの大文字
cjk-ideographic 漢数字
hiragana ひらがなで「あいうえお」順
katakana カタカナで「アイウエオ」順
hiragana-iroha ひらがなで「いろは」順
katakana-iroha カタカナで「イロハ」順

list-style-typeプロパティで、リストのマークや番号を指定します。
list-style-imageプロパティで画像が指定されているときは、その画像が優先して表示されます。
リスト自体はHTMLのタグを使用して作成し、そのタグに対してlist-style-typeプロパティでマークや番号を指定してやります。
また、多くのものがNetscapeNavigatorのみでしか表示されなくなっています。


表示なし
  • none
  • none
  • none
塗りつぶされた丸
  • disc
  • disc
  • disc
線で描かれた丸
  • circle
  • circle
  • circle
線で描かれた四角
  • square
  • square
  • square
ローマ数字の小文字
  • lower-roman
  • lower-roman
  • lower-roman
ローマ数字の大文字
  • upper-roman
  • upper-roman
  • upper-roman
算用数字
  • decimal
  • decimal
  • decimal
頭に0をつけた算用数字
  • decimal-leading-zero
  • decimal-leading-zero
  • decimal-leading-zero
漢数字
  • cjk-ideographic
  • cjk-ideographic
  • cjk-ideographic
 
アルファベットの小文字
  • lower-latin
  • lower-latin
  • lower-latin
アルファベットの小文字
  • lower-alpha
  • lower-alpha
  • lower-alpha
アルファベットの大文字
  • upper-latin
  • upper-latin
  • upper-latin
アルファベットの大文字
  • upper-alpha
  • upper-alpha
  • upper-alpha
ひらがなで「あいうえお」順
  • hiragana
  • hiragana
  • hiragana
カタカナで「アイウエオ」順
  • katakana
  • katakana
  • katakana
ひらがなで「いろは」順
  • hiragana-iroha
  • hiragana-iroha
  • hiragana-iroha
カタカナで「イロハ」順
  • katakana-iroha
  • katakana-iroha
  • katakana-iroha

<STYLE type="text/css">
<!--
UL#case1 { list-style-type : none ; }
UL#case2 { list-style-type : disc ; }
UL#case3 { list-style-type : circle ; }
UL#case4 { list-style-type : square ; }
UL#case5 { list-style-type : lower-roman ; }
UL#case6 { list-style-type : upper-roman ; }
UL#case7 { list-style-type : decimal ; }
UL#case8 { list-style-type : decimal-leading-zero ; }
UL#case9 { list-style-type : cjk-ideographic ; }
UL#case10 { list-style-type : lower-latin ; }
UL#case11 { list-style-type : lower-alpha ; }
UL#case12 { list-style-type : upper-latin ; }
UL#case13 { list-style-type : upper-alpha ; }
UL#case14 { list-style-type : hiragana ; }
UL#case15 { list-style-type : katakana ; }
UL#case16 { list-style-type : hiragana-iroha ; }
UL#case17 { list-style-type : katakana-iroha ; }
-->
</STYLE>

表示なし<BR>
<UL ID="case1">
<LI>none</LI>
<LI>none</LI>
<LI>none</LI>
</UL>
塗りつぶされた丸<BR>
<UL ID="case2">
<LI>disc</LI>
<LI>disc</LI>
<LI>disc</LI>
</UL>
線で描かれた丸<BR>
<UL ID="case3">
<LI>circle</LI>
<LI>circle</LI>
<LI>circle</LI>
</UL>
線で描かれた四角<BR>
<UL ID="case4">
<LI>square</LI>
<LI>square</LI>
<LI>square</LI>
</UL>
ローマ数字の小文字<BR>
<UL ID="case5">
<LI>lower-roman</LI>
<LI>lower-roman</LI>
<LI>lower-roman</LI>
</UL>
ローマ数字の大文字<BR>
<UL ID="case6">
<LI>upper-roman</LI>
<LI>upper-roman</LI>
<LI>upper-roman</LI>
</UL>
算用数字<BR>
<UL ID="case7">
<LI>decimal</LI>
<LI>decimal</LI>
<LI>decimal</LI>
</UL>
頭に0をつけた算用数字<BR>
<UL ID="case8">
<LI>decimal-leading-zero</LI>
<LI>decimal-leading-zero</LI>
<LI>decimal-leading-zero</LI>
</UL>
漢数字<BR>
<UL ID="case9">
<LI>cjk-ideographic</LI>
<LI>cjk-ideographic</LI>
<LI>cjk-ideographic</LI>
</UL>
 
アルファベットの小文字<BR>
<UL ID="case10">
<LI>lower-latin</LI>
<LI>lower-latin</LI>
<LI>lower-latin</LI>
</UL>
アルファベットの小文字<BR>
<UL ID="case11">
<LI>lower-alpha</LI>
<LI>lower-alpha</LI>
<LI>lower-alpha</LI>
</UL>
アルファベットの大文字<BR>
<UL ID="case12">
<LI>upper-latin</LI>
<LI>upper-latin</LI>
<LI>upper-latin</LI>
</UL>
アルファベットの大文字<BR>
<UL ID="case13">
<LI>upper-alpha</LI>
<LI>upper-alpha</LI>
<LI>upper-alpha</LI>
</UL>
ひらがなで「あいうえお」順<BR>
<UL ID="case14">
<LI>hiragana</LI>
<LI>hiragana</LI>
<LI>hiragana</LI>
</UL>
カタカナで「アイウエオ」順<BR>
<UL ID="case15">
<LI>katakana</LI>
<LI>katakana</LI>
<LI>katakana</LI>
</UL>
ひらがなで「いろは」順<BR>
<UL ID="case16">
<LI>hiragana-iroha</LI>
<LI>hiragana-iroha</LI>
<LI>hiragana-iroha</LI>
</UL>
カタカナで「イロハ」順<BR>
<UL ID="case17">
<LI>katakana-iroha</LI>
<LI>katakana-iroha</LI>
<LI>katakana-iroha</LI>
</UL>

 ・ マーク付きのリストを作成する
 ・ マーク付きリストのマークを変更する
 ・ 番号付きのリストを作成する
 ・ 番号付きリストの形式を変更する
 ・ リストの開始番号を変更する
 ・ 用語と説明のリストを作成する