0

「before,after」擬似要素を使用してカウンター(自動連番)を挿入する

「before,after」擬似要素を使用してカウンター(自動連番)を挿入する

「before/after」擬似要素を利用して、ランキングなどのリストの先頭にカウンター(自動連番)を挿入してみます。

1.HTMLを記述

 2.CSSを記述

これを表示してみると下記のようになります。

 

自動連番

 

今回は、「counter-increment」プロパティというものを使用しています。
こちらの解説につきましては、後日まとめていきたいと思います。

 




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

mororeco > CSS > 「before,after」擬似要素を使用してカウンター(自動連番)を挿入する