ol要素

説明

<ol>-</ol>　開始タグ:必須終了タグ:必須

ol要素は、ordered listの略で、番号付きリストの意味です。リスト項目は、li要素で記述します。

非推奨であるtype属性の代わりには、スタイルシートの「list-style-type」プロパティを使用するべきであるとされています。

属性 (W3C)

<ol

H2- ie1- N1-

一般属性

id class style title lang dir %events;

type="タイプ" (非推奨)

H3-x1 ie4- N1-
番号の様式

1	アラビア数字 (初期値)
a	アルファベット小文字
A	アルファベット大文字
i	ローマ数字小文字
I	ローマ数字大文字

半角英数(1|a|A|i|I)で指定。

compact (非推奨)

H2-
コンパクト表示

start="数字" (非推奨)

H3-x1 ie4- N1-
開始番号
整数で指定(半角英数[0-9]で表される1桁以上の数字)。

>(li)+</ol>

ブラウザ独自の属性 (ie N)

sdaform=""

H2
未調査

使用例

オリーブオイル
にんにく
とうがらし


<ol>

  <li>オリーブオイル</li>

  <li>にんにく</li>

  <li>とうがらし</li>

</ol>

番号の様式

オリーブオイル
にんにく
とうがらし

オリーブオイル
にんにく
とうがらし

オリーブオイル
にんにく
とうがらし

オリーブオイル
にんにく
とうがらし

オリーブオイル
にんにく
とうがらし


<ol type="1">

  <li>オリーブオイル</li>

  <li>にんにく</li>

  <li>とうがらし</li>

</ol>

<ol type="a">

  <li>オリーブオイル</li>

  <li>にんにく</li>

  <li>とうがらし</li>

</ol>

<ol type="A">

  <li>オリーブオイル</li>

  <li>にんにく</li>

  <li>とうがらし</li>

</ol>

<ol type="i">

  <li>オリーブオイル</li>

  <li>にんにく</li>

  <li>とうがらし</li>

</ol>

<ol type="I">

  <li>オリーブオイル</li>

  <li>にんにく</li>

  <li>とうがらし</li>

</ol>

開始番号の指定

オリーブオイル
にんにく
とうがらし


<ol type="A" start="3">

  <li>オリーブオイル</li>

  <li>にんにく</li>

  <li>とうがらし</li>

</ol>

番号の様式にかかわらず、開始番号は整数で指定します。

ol要素 番号つきリスト (ordered list)

説明

属性 (W3C)

ブラウザ独自の属性 (ie N)

使用例

番号の様式

開始番号の指定

ol要素番号つきリスト (ordered list)