CSS 를 이용하여 순서대로 나열되는 데이터들에게 일련 번호를 붙일 수 있다. 이때 사용하는 속성은 counter-reset 과 counter-increment 속성이다. 부모 요소에 counter-reset 으로 시작하는 번호 및 변수를 생성하고, 일련 번호가 붙을 요소에 counter-increment 로 증가량을 정한다. 또한 content 속성과 counter 와 counter-reset 으로 정의한 변수를 사용하여 일련번호와 뒤 내용을 설정한다. counter-reset 속성 // 문법 요소 { counter-reset: 카운터 이름 / 숫자 } * "/" 는 구분을 위한 값, 실제 사용 시 제외 // 속성값 initial | 카운터 이름 / 숫자 | none * initial 초기화 * 카운터..
counter-reset, counter-increment 로 CSS 일련 번호 붙이기
CSS 를 이용하여 순서대로 나열되는 데이터들에게 일련 번호를 붙일 수 있다. 이때 사용하는 속성은 counter-reset 과 counter-increment 속성이다. 부모 요소에 counter-reset 으로 시작하는 번호 및 변수를 생성하고, 일련 번호가 붙을 요소에 counter-increment 로 증가량을 정한다. 또한 content 속성과 counter 와 counter-reset 으로 정의한 변수를 사용하여 일련번호와 뒤 내용을 설정한다. counter-reset 속성 // 문법 요소 { counter-reset: 카운터 이름 / 숫자 } * "/" 는 구분을 위한 값, 실제 사용 시 제외 // 속성값 initial | 카운터 이름 / 숫자 | none * initial 초기화 * 카운터..
2023.09.20