Ruby Coin

Rails 와 프론트 엔드 기술을 이용해 흥미 위주의 빠른 웹 개발 방법론

counter-increment

토픽 Ruby Coin > Development > Front-End > CSS 사전

Summary

엘리먼트의 카운터 값을 증가하도록 지정합니다.

[ <인식자(identifier)> <정수>? ]+ | none | inherit

기본값 1
적용대상 모든요소
상속 상속안됨
퍼센테이지 지정불가
미디어 Visual

Value

  • 카운터 인식자에 얼마만큼 카운터를 증가시킬것인지 지정합니다.
  • none: 초기값을 지정하지 않습니다.

Tip

  1. counter-reset는 counter-increment와 함께 사용됩니다.
  2. 다음과 같이 사용할 수 있습니다.
    h1:before {
         counter-increment: section;
    }

Sample

댓글

댓글 본문
  1. 푸른하늘
    12일차 공부 감사합니다