Properties

Properties

Editing
  • account_tree
  • bug_report

list-style-type

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

설명

기본 값은 disc이다. 다양한 마커의 모양을 확인하려면 문서 아래의 테스트 도구를 확인하라.

사용 가능한 값 타입

<'list-style-type'>

DEVDIC-Specified Data Types

list-style-type 속성에 사용되는 타입이다.

  • CSS Lists and Counters Module Level 3
    <counter-style> | <string> | none

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

  • <counter-style>

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

    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

  • <string>

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

    • "this is a 'string'."
    Details

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

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

    • font-family

      글꼴을 지정한다.

    • content

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

    • quotes

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

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 〈counter-style〉disc
    CSS1

    채워진 원 형태

  • 〈counter-style〉japanese-formal

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

  • 〈counter-style〉japanese-informal

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

  • 〈counter-style〉korean-hangul-formal

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

  • 〈counter-style〉korean-hanja-formal

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

  • 〈counter-style〉korean-hanja-informal

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

  • 〈counter-style〉simp-chinese-formal

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

  • 〈counter-style〉simp-chinese-informal

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

  • 〈counter-style〉trad-chinese-formal

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

  • 〈counter-style〉trad-chinese-informal

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

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

  • 〈counter-style〉hiragana-iroha

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

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

  • 〈counter-style〉katakana-iroha

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

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

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

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

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

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

  • 〈counter-style〉cjk-earthly-branch

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

  • 〈counter-style〉cjk-heavenly-stem

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

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

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

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

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

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

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

  • 〈counter-style〉decimal-leading-zero

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

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

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

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

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

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

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

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

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

  • 〈counter-style〉lower-armenian

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

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

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

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

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

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

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

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

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

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

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

  • 〈counter-style〉upper-armenian

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

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

  • 빈 원 형태

  • 〈counter-style〉disclosure-closed

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

  • 〈counter-style〉disclosure-open

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

  • 내부가 채워진 사각형

  • 〈counter-style〉@counter-style

구문

  • list-style-type: square;
    CSS Lists and Counters Module Level 3
  • object.style.listStyleType = "square";
    CSS Lists and Counters Module Level 3

테스트 도구

마커의 모양을 테스트

버전 명세

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

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


Last review date: 2022-5-28

지원 웹브라우저