詳解逆引きHTML+CSS辞典

その他 - CSSで自動的に連番を加えたい

登録タグ
Icon comment count 0
Icon stock count 0

CSSで自動的に連番を加えたい

自動的に連番を振りたい

contentプロパティ counter-resetプロパティ counter-incrementプロパティ カウンター

CSSで自動的に連番を加えるには、contentプロパティ・counter-resetプロパティ・counter-incrementプロパティという3種類のプロパティを使用します。

この連番はCSSではカウンターと呼ばれ、名前(識別子)で管理されます。counter-resetプロパティの値として、カウンターの名前が指定された要素がHTML上に出現すると、その名前のカウンターは0にリセットされます。counter-incrementプロパティでその名前が指定された要素がHTML上に出現すると、その名前のカウンターの数字は1つ進みます。contentプロパティで、「counter( )」という書式の( )内にカウンターの名前を指定すると、そのカウンターの現在の数字を要素内容として出力します。

&l

出典情報

Medium

詳解逆引きHTML+CSS辞典

  • 著者: 大藤 幹

コメント

    コメントはありません