メインメニュー


[スポンサードリンク]


リストのマークの表示位置を指定する
list-style-position:表示位置

表示位置:
outside マークを外側に表示 (デフォルト値)
inside マークを内側に表示

list-style-positionプロパティで、リストのマークをリスト項目の表示領域より外側に表示させるか、内側に表示させるかを指定します。
リスト自体はHTMLのタグを使用して作成し、そのタグに対してlist-style-positionプロパティでマークの表示位置を指定してやります。


リストのマークを外側に表示する(デフォルト値)
  • リストのマークを
    外側に表示しています
  • リストのマークを
    外側に表示しています

リストのマークを内側に表示する
  • リストのマークを
    内側に表示しています
  • リストのマークを
    内側に表示しています

<STYLE type="text/css">
<!--
UL#case1 { list-style-position : outside }
UL#case2 { list-style-position : inside }
-->
</STYLE>

リストのマークを外側に表示する(デフォルト値)<BR>
<UL ID="case1">
<LI>リストのマークを<BR>外側に表示しています</LI>
<LI>リストのマークを<BR>外側に表示しています</LI>
</UL>
<BR>
リストのマークを内側に表示する<BR>
<UL ID="case2">
<LI>リストのマークを<BR>内側に表示しています</LI>
<LI>リストのマークを<BR>内側に表示しています</LI>
</UL>
 ・ マーク付きのリストを作成する
 ・ マーク付きリストのマークを変更する
 ・ 番号付きのリストを作成する
 ・ 番号付きリストの形式を変更する
 ・ リストの開始番号を変更する
 ・ 用語と説明のリストを作成する