HTML <ol> タグ

前へ 完全なHTM リファレンス 次へ

2 種類の順序付きリスト:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Try it Yourself ❯

定義と用法

<ol> タグは、順序付きリストを定義します。順序付きリストは、数値またはアルファベット順にすることができます。

リスト項目の定義には <li> タグを使用します。


ブラウザ・サポート

要素
<ol> Yes Yes Yes Yes Yes

チップスと注意事項

チップ: 順序なしリストには、<ul> タグを使用します。

チップ: lists のスタイルには CSS を使用してください。


HTML 4.01 と HTML5 の相違点

"start" と "type" 属性は、HTML 4.01では非推奨 でしたが、HTML5ではサポートされるようになりました。

"reversed" 属性は、HTML5 で新しく追加されました。

"compact" 属性は、 HTML5 ではサポート対象外です。


属性

= HTML5 で新規追加。

属性 説明
compact compact HTML5 ではサポート対象外。
リストは、標準よりも小さくレンダリングするように指定する
reversed reversed リストの順序を降順に指定する(9,8,7...)
start number 順序付きリストを開始する値を指定する
type 1
A
a
I
i
リストで使用するマーカーの種類を指定する

グローバル属性

<ol> タグは、HTML のグローバル属性もサポートします。


イベント属性

<ol> タグは、HTML のイベント属性もサポートします。


関連ページ

HTML チュートリアル:HTML Lists

HTML DOM リファレンス:Ol オブジェクト

CSS チュートリアル:Styling Lists


デフォルトの CSS 設定

ほとんどのブラウザは、次のデフォルト値を使用して <ol> 要素を表示しています:

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
Try it Yourself ❯


前へ 完全なHTM リファレンス 次へ