ol要素

ol要素は、順序リストを示す要素。

カテゴリー フロー・コンテンツ。パルパブル・コンテンツ（１個以上のli要素を含む場合）。
コンテキスト フロー・コンテンツを内包できる要素内で使用できる。
コンテンツ・モデル ０個以上のli要素を内包できる。
属性 グローバル属性。
type属性、start属性、reversed属性。
ブラウザ対応

構文

<ol></ol>

要点

  • ol要素は、順序リストを示す要素である。
  • ol要素内のリスト項目は、li要素で括る。
  • リストは、入れ子にし、多階層にすることもできる。

属性

任意属性

属性 説明
type属性 リスト・マーカーの種類を指定する属性。
start属性 順序リストの開始値を指定する属性。
reversed属性 順序リストのリスト・マーカーを、逆順に割り当てる属性。

サンプルコード

<ol>
	<li>リスト項目</li>
	<li>リスト項目</li>
	<li>リスト項目</li>
</ol>

入れ子（ネスト）

入れ子にする場合は、li要素内にol要素を配置する。

<ol>
	<li>項目</li>
	<li>
		項目
		<ol>
			<li>項目</li>
			<li>項目</li>
			<li>項目</li>
		</ol>
	</li>
	<li>項目</li>
</ol>

サンプル

１階層

HTMLソースコード
<ol>
	<li>項目</li>
	<li>項目</li>
	<li>項目</li>
</ol>
実際の表示
  1. 項目
  2. 項目
  3. 項目

多階層

HTMLソースコード
<ol>
	<li>項目</li>
	<li>
		項目
		<ol>
			<li>項目</li>
			<li>
				項目
				<ol>
					<li>項目</li>
					<li>項目</li>
					<li>項目</li>
				</ol>
			</li>
			<li>項目</li>
		</ol>
	</li>
	<li>項目</li>
</ol>
実際の表示
  1. 項目
  2. 項目
    1. 項目
    2. 項目
      1. 項目
      2. 項目
      3. 項目
    3. 項目
  3. 項目