最新のWeb開発のチュートリアル
 

HTML <ol> Tag


図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>
»それを自分で試してみてください

定義と使用法

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

使用<li>リスト項目を定義するためにタグを。


ブラウザのサポート

素子
<ol> はい はい はい はい はい

ヒントと注意事項

ヒント:順不同リストについては、使用する<UL>タグを。

ヒント:使用CSSは、リストのスタイルを設定します。


HTML 4.01とHTML5の違い

「開始」と「タイプ」属性がされた非推奨 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リスト

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

CSSチュートリアル: スタイリングリスト


デフォルトのCSS設定

ほとんどのブラウザが表示されます<ol>次のデフォルト値を持つ要素を:

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
»それを自分で試してみてください