English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체

CSS 목록-style-type 속성 사용 방법 및 예제

이 list-style-type CSS 속성은 목록 항목의 표시 타입을 지정합니다。

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다。

기본값:disc
적용:목록 항목
thừa kế:
애니메이션 가능:아니요。참조하십시오 애니메이션 속성
버전:CSS 1,2,3
JavaScript 문법:object.style.listStyleType="circle"

list-style-type 사용 문법

이 속성의 문법은 다음과 같습니다:

list-style-type: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | initial | inherit

아래 예제는 list를 사용하는 방법을 보여줍니다.-style-type 속성

  ol {
   list-style-type: decimal-leading-zero;
  }
  ul {
   list-style-type: square;
  }
테스트해 보세요‹/›

속성 값

아래 표는 이 속성의 값을 설명합니다。

설명
disc기본값. 표시는 실선 원입니다。
circle표시는 흰 원입니다。
square표시는 실선 박스입니다。
decimal표시는 숫자입니다。
decimal-leading-zero0으로 시작하는 숫자 표시.(01, 02, 03, 등.
lower-roman소문자 로마자(i, ii, iii, iv, v, 등.)
upper-roman대문자 로마자(I, II, III, IV, V, 등.)
lower-alpha소문자 영어 문자 The marker is lower-alpha (a, b, c, d, e, 등.)
upper-alpha대문자 영어 문자 The marker is upper-alpha (A, B, C, D, E, 등.)
lower-greek소문자 그리스 문자(alpha, beta, gamma, 등.)
lower-latin소문자 라틴 문자(a, b, c, d, e, 등.)
upper-latin대문자 라틴 문자(A, B, C, D, E, 등.)
hebrew전통적인 히브리아 번호 방식
armenian전통적인 아르메니아 번호 방식
georgian전통적인 조지아 번호 방식(an, ban, gan, 등.)
cjk-ideographic간단한 의미 숫자
hiragana표시는 a, i, u, e, o, ka, ki, 등.(일본어 반곤)
katakana표시는 A, I, U, E, O, KA, KI, 등.(일본어 반곤)
hiragana-iroha표시는 i, ro, ha, ni, ho, he, to, 등.(일본어 반곤)
katakana-iroha표시는 I, RO, HA, NI, HO, HE, TO, 등.(일본어 반곤)
none표시를 지정하지 않습니다.
initial이 속성을 기본 값으로 설정합니다.
inherit지정된 경우, 부모 요소의 list를 사용하는 연결 요소.-style-type의 속성 값.

브라우저 호환성

list-style-type 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

  • 파이어폭스 1+

  • 구글 크롬1+

  • 인터넷 익스플로러 4+

  • 애플 사파리 1+

  • 오페라 4+

더 읽기

다음 튜토리얼을 참조하십시오:HTML 목록CSS 목록

관련 속성:list-stylelist-style-imagelist-style-position