CSS 카운터 - 증가 속성
예
그리고 서브 섹션 번호의 부분 (예를 들어, "제 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) " ";
}
{
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) " ";
}
»시도
정의 및 지침을 속성
카운터 증가 속성은 카운터 값 이상을 증가시킨다.
카운터 증가 속성은 일반적으로 카운터 리셋 속성 및 콘텐츠 속성에 사용됩니다.
기본값 : | 없음 |
---|---|
상속 : | 아니 |
버전 : | CSS2 |
자바 스크립트 구문 : | .style.counterIncrement = "하위 섹션을"반대 |
브라우저 지원
모든 주요 브라우저는 카운터 증가 속성을 지원합니다.
참고 : IE8는 지정된 DOCTYPE 지원 카운터 증가 속성!
속성 값
값 | 설명 |
---|---|
없음 | 어떤 카운터는 증가하지 않습니다 |
ID 번호 | ID 정의 카운트 선택기 ID 또는 클래스를 증가시킬 것이다. 수를 정의 증가합니다. 수는 정의 제로 또는 마이너스가 될 수 있습니다. |
상속 | 값 지정된 카운터 증가 속성은 부모 요소로부터 상속되어야한다 |
관련 기사
CSS 참조 설명서 : : 의사 요소 전에
CSS 참조 설명서 : : 의사 요소 후
CSS 참조 설명서 : 콘텐츠 속성
CSS 참조 : 카운터 RESET 속성