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