TOP - CSS1(Cascading Style Sheets, level 1) - list-style-position

リストの先頭に付く記号や番号の位置を指定します。

設定値
inside  : リストが複数行になった場合、2行目以降はインデントされない
outside : リストが複数行になった場合、2行目以降も行頭は先頭行と同じ位置となる
(例)
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>テスト</TITLE>
<STYLE type="text/css">
<!--
UL.test1 {list-style-position: inside}
UL.test2 {list-style-position: outside}
OL.test1 {list-style-position: inside}
OL.test2 {list-style-position: outside}
-->
</STYLE>
</HEAD>
<BODY>
<UL class="test1">
<LI>リスト1 1行目<BR>
リスト1 2行目
<LI>リスト2 1行目<BR>
リスト2 2行目
<LI>リスト3 1行目<BR>
リスト3 2行目
</UL>
<UL class="test2">
<LI>リスト1 1行目<BR>
リスト1 2行目
<LI>リスト2 1行目<BR>
リスト2 2行目
<LI>リスト3 1行目<BR>
リスト3 2行目
</UL>
<BR>
<OL class="test1">
<LI>リスト1 1行目<BR>
リスト1 2行目
<LI>リスト2 1行目<BR>
リスト2 2行目
<LI>リスト3 1行目<BR>
リスト3 2行目
</OL>
<OL class="test2">
<LI>リスト1 1行目<BR>
リスト1 2行目
<LI>リスト2 1行目<BR>
リスト2 2行目
<LI>リスト3 1行目<BR>
リスト3 2行目
</OL>
</BODY>
</HTML>


Copyright(C) 2006-2011 CLAYPOT. All Rights Reserved.