１．リストマークを設定する
list-style-type : キーワード;
＜キーワード＞
none : リストマークなし
disc : 黒丸
circle : 白丸
square : 黒四角
decimal : 数字(1,2,3,4・・・・)
lower-alpha : アルファベット小文字(a,b,c,d・・・・)
upper-alpha : アルファベット大文字(A,B,C,D・・・・)
lower-roman : ローマ字小文字(,,,・・・・)
upper-roman : ローマ字大文字(T,U,V,W・・・・)
（例）
<OL>
<LI style="list-style-type: none;">非表示
<LI style="list-style-type: disc;">黒丸
<LI style="list-style-type: circle;">白丸
<LI style="list-style-type: square;">黒四角
<LI style="list-style-type: decimal;">数字
<LI style="list-style-type: lower-alpha;">アルファベット小文字
<LI style="list-style-type: upper-alpha;">アルファベット大文字
<LI style="list-style-type: lower-roman;">ローマ字小文字
<LI style="list-style-type: upper-roman;">ローマ字大文字
</OL>
（結果）
- 非表示
- 黒丸
- 白丸
- 黒四角
- 数字
- アルファベット小文字
- アルファベット大文字
- ローマ字小文字
- ローマ字大文字
２．リストマークに画像を設定する
list-style-image : キーワード 又は url(画像ファイル名);
＜キーワード＞
none 画像を表示しない（デフォルト）
＜画像ファイル名＞
画像ファイルのURLを指定します
list-style-image : url(画像ファイル名);
（例）
<UL>
<LI style="list-style-image: url(sample3.gif);">リ ストマークが指定した画像に
<LI style="list-style-image: url(sample3.gif);">リ ストマークが指定した画像に
<LI style="list-style-image: url(sample3.gif);">リ ストマークが指定した画像に
</UL>
（結果）
- リ ストマークが指定した画像に
- リ ストマークが指定した画像に
- リ ストマークが指定した画像に
３．リストマークの位置を設定する。
list-style-position : キーワード;
＜キーワード＞
outside : リストマークを項目の外に表示（デフォルト）
inside : リストマークを項目内に埋め込んで表示
（例）
<OL>
<LI style="list-style-position:outside;">これがoutsideで表示です（デフォルト）。<BR>
リストが項目外に表示されています。
<LI style="list-style-position:inside;">こっちはinsideで表 示しています<BR>
リストが項目内に表示されます。
</OL>
（結果）
- これはoutsideで表示しています（デフォルト）。
リストが項目外に表示されています。 - こっちはinsideで表 示しています
リストが項目内に表示されます。
４．リストマークをまとめて設定する
list-style : type position image;
list-style-type :リストマークの種類・・・・・省略可能
list-style-position : リストマークの配置・・省略可能
list-style-image : リストマークの画像・・・省略可能
（例）
<OL style="list-style:lower-roman inside none;">
<LI>リストマークを ローマ字小文字に設定しました。<BR>表示は項目内にしてみました
<LI>リストマークを ローマ字小文字に設定しました。<BR>表示は項目内にしてみました
<LI>リストマークを ローマ字小文字に設定しました。<BR>表示は項目内にしてみました
</OL>
（結果）
- リストマークを ローマ字小文字に設定しました。
表示は項目内にしてみました - リストマークを ローマ字小文字に設定しました。
表示は項目内にしてみました - リストマークを ローマ字小文字に設定しました。
表示は項目内にしてみました