CSS 번호 붙이기 counter-increment

1 개요

CSS counter-increment

CSS 번호 붙이기

html

Copy

<style>
div {
  counter-increment: aaa;
}
div:before {
  content: counter(aaa) " ";
}
</style>
<div>apple</div>
<div>banana</div>
<div>cranberry</div>

2 같이 보기

• CSS content
• CSS 테이블 번호 붙이기

3 참고

• https://css-tricks.com/almanac/properties/c/counter-increment/