【CSS】counterを使ってリストやフローのデザイン力を上げる

CSSも種類が増え、色々なことが出来るようになりました。その中でもちょっと変わり種のものをご紹介します。 今回ご紹介する「counter-reset」「counter-increment」「counter()」の一連のCSSを使用することで新しい事が出来るようになります。 counterの基本的な使い方基本的な使い方としては、連番をカウントする方法が一般的な使い方になります。これは、<ol>と全く同じです。 HTML <ol class="list"> <li>りすと