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 を使用してください。
"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
ほとんどのブラウザは、次のデフォルト値を使用して <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 ❯