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のみでしか表示されなくなっています。
表示なし
|
塗りつぶされた丸
|
線で描かれた丸
|
線で描かれた四角
|
ローマ数字の小文字
- lower-roman
- lower-roman
- lower-roman
|
ローマ数字の大文字
- upper-roman
- upper-roman
- upper-roman
|
算用数字
|
頭に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>
|
・
マーク付きのリストを作成する
・
マーク付きリストのマークを変更する
・
番号付きのリストを作成する
・
番号付きリストの形式を変更する
・
リストの開始番号を変更する
・
用語と説明のリストを作成する