順不同のリストを表す

ul要素は、順不同のリストを表します。リスト内の項目は、この要素内に配置するli要素で表すことになります。

• デフォルトスタイル（上下マージン、左パディング）

ul要素を使用すると、順序のないリストを作成することができます。順序を必要とするリストの場合は、この要素ではなくol要素を使用します。

リストの入れ子

リストに階層を持たせたい場合は、次のようにli要素の中に別のul要素を配置します。（間違えやすい部分なので注意してください）

<ul>
<li>リスト項目A</li>
<li>リスト項目B

<ul>
<li>リスト項目B-A</li>
<li>リスト項目B-B</li>
<li>リスト項目B-C</li>
</ul>

</li>
<li>リスト項目C</li>
</ul>

次のように、ol要素（順序付きのリスト）を入れ子にすることもできます。

<ul>
<li>リスト項目A</li>
<li>リスト項目B

<ol>
<li>リスト項目B-1</li>
<li>リスト項目B-2</li>
<li>リスト項目B-3</li>
</ol>

</li>
<li>リスト項目C</li>
</ul>

リストマーカーについて

通常、リスト項目の先頭には黒丸のマーカーが付きますが、入れ子にされたリストでは異なるマーカーが使用されます。

一般的なブラウザでは、1階層目は黒丸、2階層目は白丸、3階層目は四角になります。

• 全ての階層でマーカーを統一したい場合は、CSSの list-style-type プロパティでマーカーの種類を指定してください。