CSS Rules

Editing

〈@counter-style〉

@counter-style 앳룰(at-rules)의 구문 형식을 나타낸다.

선언

포함된 타입

  • <counter-style-name>

    트리 범위(tree-scoped)의 이름이며 ASCII 대소문자를 구분하지 않는 <custom-ident> 이다.

    Details

    포함된 타입

    • <custom-ident>

      임의의 사용자 정의 문자열을 나타낸다.

      Details

      동일한 타입을 사용하는 관련 속성

      모든 속성을 표시하지 않을 수도 있다.

      • animation-name

        애니메이션으로 사용할 미리 정의된 키프레임 셋의 이름을 설정한다.

      • grid-column-end

        그리드 항목이 몇 개의 열(column)로 확장되는지 또는 항목이 끝나는 열(column)의 줄의 위치를 정의한다.

      • grid-column-start

        그리드 항목이 시작되는 열(column)의 줄의 위치를 정의한다.

      • grid-row-end

        그리드 항목이 몇 개의 행(row)으로 확장되는지 또는 그리드 항목이 끝나는 행(row)의 위치를 정의한다.

      • grid-row-start

        그리드 항목이 시작될 행(row)의 위치를 정의한다.

      • counter-increment

        하나 이상의 CSS 카운터 값을 늘리거나 줄인다.

      • counter-reset

        하나 이상의 CSS 카운터를 만들거나 재설정한다.

      • list-style-type

        목록의 마커의 모양을 설정한다.

구문

  • CSS Counter Styles Level 3
    @counter-style 〈counter-style-name〉 { [ system: 〈counter-system〉; ]? [ symbols: 〈counter-symbols〉  | additive-symbols: 〈additive-symbols〉 ]; [ negative: 〈negative〉; ] || [ prefix: 〈prefix〉; ] || [ suffix: 〈suffix〉; ] || [ range: 〈range〉; ] || [ pad: 〈pad〉; ] || [ speak-as: 〈speak-as〉; ] || [ fallback: 〈fallback〉; ]}

지원 웹브라우저