counter-reset, counter-increment

counter-reset과 counter-increment란?

 

: css를 이용하여 특정 요소에 숫자를 생성하며 자동으로 번호를 매기는 속성

---

counter-reset

 

: 번호를 붙이려는 부모 요소에 counter-reset으로 이름과 시작값을 설정

: 요소 { counter-reset : 카운터 이름 시작값 }

: 요소 { counter-reset : initial  } 초기화

: 요소 { counter-reset : none  } 설정값이 없음(이미 설정된 것을 취소하고자 할 때 사용)

: 시작값 숫자를 지정하지 않으면 기본값은 0

---

counter-increment

 

: 번호가 붙을 요소에 설정한 값을 증가시키는 역할

: 요소 { conter-increment: 카운터 이름 증가할 숫자 }

: 요소 { counter-increment : initial  } 초기화

: 요소 { counter-increment : none  } 어떠한 counter도 증가되지 않음

: 증가할 숫자를 지정하지 않으면 기본값으로 1씩 증가

: 숫자는 음수도 가능함

---

참고

https://aboooks.tistory.com/261