Loose-Info.com

Last Update 2019/12/25


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>