예
방법이와 섹션과 하위 섹션을 숫자로 "Section 1" , "1.1" , "1.2" , 등 :
body
{
counter-reset: section;
}
h1
{
counter-reset: subsection;
}
h1:before
{
counter-increment: section;
content: "Section " counter(section) ". ";
}
h2:before
{
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}
»그것을 자신을 시도 정의 및 사용
카운터 리셋 속성을 만들거나 하나 이상의 카운터를 재설정합니다.
카운터 리셋 속성은 일반적으로 카운터 증가 속성 및 컨텐츠 속성과 함께 사용됩니다.
| 기본값: | none |
|---|---|
| 상속 : | no |
| 애니메이션 : | no. Read about animatable |
| 번역: | CSS2 |
| 자바 스크립트 구문 : | object .style.counterReset="section" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| counter-reset | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Note: !의 IE8은 DOCTYPE이 지정된 경우에만 카운터 리셋 속성을 지원합니다.
CSS 구문
counter-reset: none|name number|initial|inherit;속성 값
| 값 | 기술 |
|---|---|
| none | 기본값. 어떤 카운터가 재설정되지 않습니다 |
| name | name 재설정해야 그 어느 카운터 정의 |
| number | id 다시 설정해야하는 카운터를 정의합니다. number 카운터가 선택의 각 경우에 설정되는 값을 설정합니다. 기본 리셋 값은 0입니다 |
| initial | 기본값으로이 속성을 설정합니다. 초기에 대해 알아보기 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
관련 페이지
CSS 참조 : : 의사 요소 전에
CSS 참조 : : 의사 요소 후
CSS 참조 : content property
CSS 참조 : counter-increment property
HTML DOM 참조 : counterReset property