Functions

Editing

counters(<counter-name>, <string>[, <counter-style>])

중첩된 목록 요소에 일관성 있는 순서를 설정하여 차례를 지정할 수 있다. 일반적으로 가상 요소로 사용된다.

매개 변수

<custom-ident> 타입의 카운터의 이름을 나타낸다.

카운터를 식별하는 이름으로, 카운터 재설정 및 카운터 증가에 사용되는 것과 동일한 대소 문자 구분 이름이다. 이름은 두 개의 대시(-)로 시작할 수 없으며 none, unset, initial 또는 inherit이 될 수 없다.

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

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

따옴표로 감싸진 데이터 유형을 표현한다.

중첩된 목록의 카운터를 연결하는 문자를 지정한다.

  • "this is a 'string'."
Details

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

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

  • font-family

    글꼴을 지정한다.

  • content

    가상 요소로 생성할 콘텐츠를 설정한다.

  • quotes

    인용 부호의 유형을 설정한다.

기본값 decimal

카운터 스타일을 지정하는 키워드를 나타낸다.

카운터 스타일을 지정한다. 기본 값은 숫자(decimal)로 설정된다.

Details

사용되는 키워드

  • japanese-formal

    공식적인 일본어 한자 방식의 번호 매기기(예: 壱阡壱百壱拾壱)

  • japanese-informal

    비공식 일본어 한자 방식의 번호 매기기(예: 千百十一)

  • korean-hangul-formal

    대한민국의 공식적인 한글 방식의 번호 매기기(예: 일백일십일)

  • korean-hanja-formal

    대한민국의 공식적인 한자 방식의 번호 매기기(예: 壹仟壹百壹拾壹)

  • korean-hanja-informal

    대한민국의 한자 방식의 비공식적인 번호 매기기(예: 千百十一)

  • simp-chinese-formal

    중국어 간체 방식의 공식적인 번호 매기기(예: 壹仟壹佰壹拾壹)

  • simp-chinese-informal

    중국어 간체 방식의 비공식 번호 매기기(예: 一千一百一十一)

  • trad-chinese-formal

    중국어 번체 방식의 공식적인 번호 매기기(예: 壹仟壹佰壹拾壹)

  • trad-chinese-informal

    중국어 번체 방식의 비공식 번호 매기기(예: 一千一百一十一)

  • hiragana

    히라가나 문자 방식의 순서 매기기(예: あ, い, う, ..., ん, ああ, あい)

  • hiragana-iroha

    히라가나 문자의 이로하 방식의 순서 매기기(예: い, ろ, は, ..., す, いい, いろ)

  • katakana

    가타카나 문자 방식의 순서 매기기(예: ア, イ, ウ, ..., ン, アア, アイ)

  • katakana-iroha

    가타카나 문자의 이로하 방식의 순서 매기기(예: イ, ロ, ハ, ..., ス, イイ, イロ)

  • lower-alpha

    알파벳 소문자 방식의 순서 매기기(예: a, b, c, ..., z, aa, ab)

  • lower-greek

    그리스어 소문자로 순서 매기기(예: α, β, γ, ..., ω, αα, αβ)

  • lower-latin

    라틴어 소문자 방식의 순서 매기기(예: a, b, c, ..., z, aa, ab)

  • upper-alpha

    알파벳 대문자로 순서 매기기(예: A, B, C, ..., Z, AA, AB)

  • upper-latin

    라틴어 대문자로 순서 매기기(예: A, B, C, ..., Z, AA, AB)

  • cjk-earthly-branch

    지지(地支) 또는 십이지(十二支) 문자 방식으로 순서를 매김

  • cjk-heavenly-stem

    천간(天干) 또는 십간(十干) 방식으로 순서를 매김

  • arabic-indic

    아랍, 인도 문자 방식의 번호 매기기(예: ١‎, ٢‎, ٣‎, ٤‎, ..., ٩٨‎, ٩٩‎, ١٠٠)

  • armenian

    아르메니아 문자 방식으로 번호 매기기(예: Ա, Բ, Գ, ..., ՂԸ, ՂԹ, Ճ)

  • bengali

    뱅골 문자 방식의 번호 매기기(예: ১, ২, ৩, ..., ৯৮, ৯৯, ১০০)

  • cambodian

    캄보디아 문자 방식의 번호 매기기(예: ១, ២, ៣, ..., ៩៨, ៩៩, ១០០)

  • cjk-decimal

    한자(漢字) 방식의 번호 매기기(예: 一, 二, 三, ..., 九八, 九九, 一〇〇)

  • decimal

    1부터 시작하는 10진수를 나타낸다.(예: 1, 2, 3, ..., 98, 99, 100)

  • decimal-leading-zero

    앞 자리가 0으로 채워진 타입의 숫자(예: 01, 02, 03, ..., 98, 99, 100)

  • devanagari

    데바나가리 문자 방식의 번호 매기기(예: १, २, ३, ..., ९८, ९९, १००)

  • georgian

    조르지아 문자 방식의 번호 매기기(예: ა, ბ, გ, ..., ჟჱ, ჟთ, რ)

  • gujarati

    구자라트어 문자 방식의 번호 매기기(예: ૧, ૨, ૩, ..., ૯૮, ૯૯, ૧૦૦)

  • gurmukhi

    구르무키 문자 방식의 번호 매기기(예: ੧, ੨, ੩, ..., ੯੮, ੯੯, ੧੦੦)

  • hebrew

    히브리어 문자 방식의 번호 매기기(예: א‎, ב‎, ג‎, ..., צח‎, צט‎, ק)

  • kannada

    칸나다어 문자 방식의 번호 매기기(예: ೧, ೨, ೩, ..., ೯೮, ೯೯, ೧೦೦)

  • khmer

    크메로 문자 방식의 번호 매기기(예: ១, ២, ៣, ..., ៩៨, ៩៩, ១០០)

  • lao

    라오스어 문자 방식의 번호 매기기(예: ໑, ໒, ໓, ..., ໙໘, ໙໙, ໑໐໐)

  • lower-armenian

    아르메니아 문자식의 소문자로 번호 매기기(예: ա, բ, գ, ..., ղը, ղթ, ճ)

  • lower-roman

    소문자 로마 문자 방식의 번호 매기기(예: i, ii, iii, ..., xcviii, xcix, c)

  • malayalam

    말라얄람어 문자 방식의 번호 매기기(예: ൧, ൨, ൩, ..., ൯൮, ൯൯, ൧൦൦)

  • mongolian

    몽고어 문자 방식의 번호 매기기(예: ᠑, ᠒, ᠓, ..., ᠙᠘, ᠙᠙, ᠑᠐᠐)

  • myanmar

    미얀마 문자 방식의 번호 매기기(예: ၁, ၂, ၃, ..., ၉၈, ၉၉, ၁၀၀)

  • oriya

    오리야 문자 방식의 번호 매기기(예: ୧, ୨, ୩, ..., ୯୮, ୯୯, ୧୦୦)

  • persian

    페르시아어 문자 방식의 번호 매기기(예: ۱, ۲, ۳, ۴, ..., ۹۸, ۹۹, ۱۰۰)

  • tamil

    타밀 문자 방식의 번호 매기기(예: ௧, ௨, ௩, ..., ௯௮, ௯௯, ௧௦௦)

  • telugu

    텔루구어 문자 방식의 번호 매기기(예: ౧, ౨, ౩, ..., ౯౮, ౯౯, ౧౦౦)

  • thai

    태국어 문자 방식의 번호 매기기(예: ๑, ๒, ๓, ..., ๙๘, ๙๙, ๑๐๐)

  • tibetan

    티베트어 문자 방식의 번호 매기기(예: ༡, ༢, ༣, ..., ༩༨, ༩༩, ༡༠༠)

  • upper-armenian

    아르메니아 문자식의 대문자로 번호 매기기(예: Ա, Բ, Գ, ..., ՂԸ, ՂԹ, Ճ)

  • upper-roman

    대문자 로마 문자 방식의 번호 매기기(예: I, II, III, ..., XCVIII, XCIX, C)

  • circle

    빈 원 형태

  • disc

    채워진 원 형태

  • disclosure-closed

    열리거나 닫히는 방식의 요소(<details>)에게 적합한 기호를 가진 형태로써 닫혔을 경우를 나타낸다.

  • disclosure-open

    열리거나 닫히는 방식의 요소(<details>)에게 적합한 기호를 가진 형태로써 열렸을 경우를 나타낸다.

  • square

    내부가 채워진 사각형

관련 @Rules

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

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

구문

content: "("counters(mycounter, ".", upper-alpha)")";
CSS Lists and Counters Module Level 3
직접 카운터를 생성하여 사용하는 예제 코드

연관 목록

버전 명세

Modules
Module NameStatusSummary
CSS Lists and Counters Module Level 3초안 작업

 목록 카운터와 관련된 스타일, 위치 지정 및 값을 조정하는 기능을 설명한다.


Last review date: 2022-5-28

지원 웹브라우저