ol / li要素 (番号リスト)

ol要素は番号リスト(ordered list)を表す。それぞれの項目リストとしてli要素(list item)をひとつひとつ定義する。ol要素はブロックレベル要素だが、li要素以外は含むことができない。

多くのブラウザでは、ol要素全体がインデントされ、oi要素の先頭に番号(1.)が表示される。表示を調整する場合は、CSSの padding-leftプロパティやlist-style-typeプロパティを使用する。

p要素の中でリストを置くことはできないため、一度p要素を閉じてからリストを記述する必要がある。li要素はブロックレベル要素を含み、リストを入れ子にすることができる。


例:“OS”と“ブラウザ”にその種類を入れ子として番号リストを記述する。li要素の先頭はCSSで「none」に設定する。


◆ html

	<ol>
	  <li>OS
		<ol>
		  <li>Windows</li>
		  <li>Mac</li>
		</ol>
	  </li>
	  <li>ブラウザ
		<ol>
		  <li>Internet Explorer</li>
		  <li>Safari</li>
		</ol>
	  </li>
	</ol>

◆ CSS

li	{	
	list-style-type: none ;
}

◆実際の表示例

go to top