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

 
ブロック要素
ホーム > HTML Note > ol要素
H2- ie1- N1-

説明

<ol>-</ol> 開始タグ:必須 終了タグ:必須
ol要素は、ordered listの略で、番号付きリストの意味です。リスト項目は、li要素で記述します。

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

属性 (W3C)

<olH2- 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
未調査

使用例

  1. オリーブオイル
  2. にんにく
  3. とうがらし
<ol>
  <li>オリーブオイル</li>
  <li>にんにく</li>
  <li>とうがらし</li>
</ol>
 

番号の様式

  1. オリーブオイル
  2. にんにく
  3. とうがらし
  1. オリーブオイル
  2. にんにく
  3. とうがらし
  1. オリーブオイル
  2. にんにく
  3. とうがらし
  1. オリーブオイル
  2. にんにく
  3. とうがらし
  1. オリーブオイル
  2. にんにく
  3. とうがらし
<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>
 

開始番号の指定

  1. オリーブオイル
  2. にんにく
  3. とうがらし
<ol type="A" start="3">
  <li>オリーブオイル</li>
  <li>にんにく</li>
  <li>とうがらし</li>
</ol>
番号の様式にかかわらず、開始番号は整数で指定します。
 
関連要素: ol | ul | dir|menu > li
トップページ HTML Note ページトップ
 2003/07/10発行 2008/01/01更新