English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
이 list-style-type CSS 속성은 목록 항목의 표시 타입을 지정합니다。
아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다。
기본값: | disc |
---|---|
적용: | 목록 항목 |
thừa kế: | 네 |
애니메이션 가능: | 아니요。참조하십시오 애니메이션 속성。 |
버전: | CSS 1,2,3 |
JavaScript 문법: | object.style.listStyleType="circle" |
이 속성의 문법은 다음과 같습니다:
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-zero | 0으로 시작하는 숫자 표시.(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 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.
|