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>
・
マーク付きのリストを作成する
・
マーク付きリストのマークを変更する
・
番号付きのリストを作成する
・
番号付きリストの形式を変更する
・
リストの開始番号を変更する
・
用語と説明のリストを作成する