最初の番号を6にしたい順序付きリストがあります。これはHTML4.01でサポートされている(現在は非推奨)ことがわかりました。この仕様では、CSSを使用して開始整数を指定できると言われています。(start
属性の代わりに)
CSSで開始番号をどのように指定しますか?
最初の番号を6にしたい順序付きリストがあります。これはHTML4.01でサポートされている(現在は非推奨)ことがわかりました。この仕様では、CSSを使用して開始整数を指定できると言われています。(start
属性の代わりに)
CSSで開始番号をどのように指定しますか?
特定の時点で順序付きリスト(OL)を開始する機能が必要な場合は、DoctypeをHTML5として指定する必要があります。これは:
<!doctype html>
そのDoctypeを使用するとstart
、順序付きリストに属性を設定することが有効です。そのような:
<ol start="6">
<li>Lorem</li>
<li>Ipsum</li>
<li>Dolor</li>
</ol>
<ol start="">
はHTML5で廃止されなくなったので、HTML4.01 の内容に関係なく、引き続き使用します。
属性を使用して HTML 経由でstart
リスト項目のカウントを開始する整数。番号付けタイプが文字またはローマ数字の場合でも、常にアラビア数字 (1、2、3 など)。たとえば、文字「d」またはローマ数字「iv」から要素の番号付けを開始するには、start="4" を使用します。
<ol start="10">
<li>Ten</li>
<li>Eleven</li>
<li>Twelve</li>
</ol>
CSS カウンターを使用した CSS 経由:
CSS カウンターを使用すると、ドキュメント内の場所に基づいてコンテンツの外観を調整できます。たとえば、カウンターを使用して、Web ページの見出しに自動的に番号を付けることができます。カウンターは本質的に、CSS によって維持される変数であり、その値は、使用回数を追跡するために CSS ルールによって増分される場合があります。
ol {
list-style: none;
counter-reset: li 9; /* syntax: "counter name" "init value" */
}
ol li:before {
counter-increment: li; /* for every appearance, add one */
content: counter(li) ". "; /* mimic default ol list-style */
}
<ol>
<li>Ten</li>
<li>Eleven</li>
<li>Twelve</li>
</ol>