＜head＞
＜style type="text/css"＞
＜!--

.outside {
	list-style-position:outside;
	background-color:#ffff99
     }



--＞
＜/head＞

＜body＞
　　　　
　　＜div＞国内における代表的な検索サイト＜/div＞
＜ul class="outside"＞
＜li＞Yahoo Japan＜/li＞
＜li＞goo＜/li＞
＜li＞infoseek＜/li＞
＜li＞google＜/li＞
＜/ul＞
　


＜/body＞

 箇条書きの設定を一度に指定する。
 list-style: type position image 
 
 箇条書きの設定を個別に指定する。
 list-style-type
 list-style-image
 list-style-position

＜li＞ タグで表示されるマーカーの形を のいずれかで指定します。
（ただし、ブラウザによりサポート状況は異なります。）
list-style-type：

disc（既定値：黒丸）
circle（白丸）
square（四角）
decimal（1, 2, 3...）
lower-roman（i, ii, iii...）
upper-roman（I, II, III...）
lower-alpha（a, b, c...）
upper-alpha（A, B, C...）
decimal-leading-zero（01, 02, 03...）
lower-greek（α、β、γ...）
upper-greek（Α、Β、Γ...）
lower-latin（小文字ラテン文字）
upper-latin（大文字ラテン文字）
hebrew（ヘブライ数字）
armenian（アルメニア数字）
georgian（グルジア数字）
cjk-ideographic（一、二、三...）
hiragana（あ、い、う...）
katakana（ア、イ、ウ...）
hiragana-iroha（い、ろ、は...）
katakana-iroha（イ、ロ、ハ...）
none（なし）
inherit（継承）

例１
UL LI { list-style-type: disc; }
UL UL LI { list-style-type: circle; }
OL LI { list-style-type: decimal; }
OL OL LI { list-style-type: lower-alpha; }

＜li＞ タグで表示されるマーカーの形を のいずれかで指定します。
（ただし、ブラウザによりサポート状況は異なります。）

マーカーの位置を下記のいずれかで指定する。
list-style-position：

outside（既定値：外側）
inside（内側）
inherit（継承）

inside を指定すると、
リストアイテムの文章が折り返された時に、
マーカー分の字下げが行われなくなります。

例１
LI { list-style-position: inside; }

＜li＞ タグで表示されるマーカーの形を のいずれかで指定します。
（ただし、ブラウザによりサポート状況は異なります。）

 タグで表示されるマーカーのイメージを 下記のいずれかで指定する。
 list-style-image: 
 
URL
none（無し）
inherit（継承）


例１
UL { list-style-image: url(image/yokohama.gif); }