メインメニュー


[スポンサードリンク]


リストのマークの設定をまとめて指定する
list-style:リストのプロパティ

リストのプロパティ:
list-style-typeの値 マークや番号の設定
list-style-imageの値 マークの画像
list-style-positionの値 マークの表示位置

list-styleプロパティで、リストのマークに関する設定をまとめて指定します。
必要な値を任意の順序で半角スペースで区切って指定します。
省略した場合は、それぞれのプロパティのデフォルトが設定されます。

それぞれのプロパティの詳しい設定方法は下記を御覧ください。
  ・ リストのマークや番号を指定する
  ・ リストのマークを画像にする
  ・ リストのマークの表示位置を指定する


リストのマークをまとめて指定してます
  • list-style-typeでcircleを指定しています
    同時にlist-style-imageも指定していますので、画像が表示されない場合のみcircleが表示されます
  • list-style-imageで
    画像を指定しています
  • list-style-positionで
    insideを指定しています

<STYLE type="text/css">
<!--
UL { list-style : circle url(img/nanaicon097_29.gif) inside }
-->
</STYLE>

リストのマークをまとめて指定してます<BR>
<UL>
<LI>list-style-typeでcircleを指定しています<BR>
同時にlist-style-imageも指定していますので、画像が表示されない場合のみcircleが表示されます</LI>
<LI>list-style-imageで<BR>
画像を指定しています</LI>
<LI>list-style-positionで<BR>
insideを指定しています</LI>
</UL>
 ・ マーク付きのリストを作成する
 ・ マーク付きリストのマークを変更する
 ・ 番号付きのリストを作成する
 ・ 番号付きリストの形式を変更する
 ・ リストの開始番号を変更する
 ・ 用語と説明のリストを作成する