2017/12/20番号付きリストの「ol」を使う場合、普段は1から順に番号を振ることが多いですが、稀に途中から順番に数字を振りたい場合もありますよね。ランキング圏外のものを10個紹介する際に11~20位を表示させたい、といったケースもあるでしょう。いうわけで、任意の数字から始めるための書き方と、ついでに並び順を逆にする方法もご紹介します。最後にstart属性を使って順番に並べる簡単なのはこの方法。下記のようにolにstart="11"という具合に始めたい数字を入れるだけです。start="11"><li>項目11</li><li>項目12</li><li>項目13</li></ol>上記のように書くことで、数字は11から始まり、以下順番に番号が振られます。value属性を使った場合は順番に並べるliにvalue="11"という具合に数字を入れる方法もあります。value="11">項目11</li><li>項目12</li><li>項目13</li></ol>途中から順番に並べるvalueを入れた場所から順番に番号が振られるので、途中から番号を振ることもできます。下記のようにすることで、1,2,3のあとに、11,12,13という具合に並べることができます。HTMLタグボード任意の数字を指定するvalue属性で指定した数字がそのリストに表示されますので、すべて指定することで数字をこっちの都合の良いように決めることもできます。value="5">項目5</li></ol>li-HTML5タグリファレンスreversed属性で順序を逆にできるstart属性との組み合わせで、reversed属性を使うと並び順を逆にすることができます。start="10"><li>項目10</li><li>項目9</li><li>項目8</li></ol>ol-HTML5タグリファレンスCSSで番号を振る方法CSSで指定する方法も見つけました。itemのところに、始めたい数字から1を引いた値を入れてください。item;}[開始値-1]となってるところを[10]とすれば11から順番に数字が振られます。最後に対応ブラウザはちゃんと調べてないので不安ですが、方法として知っておくといざというときに使えて便利だと思います。ちなみに、僕は2014年のアクセスランキング記事内で11位~20位のランキングを作るために、今回ご紹介したstart属性の方法を使いました。WEBサイトの制作や管理、WEBサービスの運営、iPhoneアプリ開発などをやってます。chord」のギタリストで曲も作ったりしてます。青春高校3年C組がついにメジャーデビュー!「君のことをまだ何にも知らない」は3Cの生徒のことを知らない人に聴いてほしい曲!音楽モーニング娘。Macなどのコンピューター系の話題など、WEBデザイナーの管理人が気になった情報を発信しているブログです。株式会社ondoホームカテゴリ。