＜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); }