> 웹 프론트엔드 > CSS 튜토리얼 > CSS의 목록 스타일 속성 사용에 대한 자세한 설명

CSS의 목록 스타일 속성 사용에 대한 자세한 설명

黄舟
풀어 주다: 2017-06-29 09:16:11
원래의
2572명이 탐색했습니다.

목록 스타일-값: 디스크 | 원 | 소수점 | 소문자 로마자 | -latin | 아르메니아어 | lower-alpha | none | submit

circle: square

decimal: number

decimal-leading-zero 두 자리 미만의 경우 앞에 0을 붙입니다. 예: 01, 02, 03, ..., 98, 99

lower-roman: 소문자 로마 문자, 예: i, ii, iii, iv, v, .. .

upper-roman: 대문자 로마 문자(예: I, II, III, IV, V, ...)

lower-greek: 소문자 그리스 문자(예: α(알파), β(베타), γ(gamma) , ...

lower-latin: 소문자 라틴어, 예: a, b, c, ... z

upper-latin: 대문자 라틴어, 예: A, B, C, .. . Z

armenian: 아르메니아 숫자

georgian: 조지아 숫자, 예: an, ban, gan, ..., he, tan, in, in-an, ...

lower-alpha: 라틴어 소문자, 예: a, b, c, ... z

upper-alpha: 라틴어 대문자, 예: A, B, C, ... Z

none: 없음(모든 목록 스타일 취소)

inherit:

inherit

Quote

URL: http://www.dreamdu.com/css/property_list-style-type/초기값: disc

상속: Yes적용 대상: 목록에 속한 모든 요소

list, 중국어 "list"는 .style을 의미하고, 중국어 "style"은 .type을 의미하고, 중국어 "type"은 .

Example

ul 
{ 
	list-style-type:disc;
}

ul#circle
{ 
	list-style-type:circle;
}

ul#square
{ 
	list-style-type:square;
}

ul#decimal
{ 
	list-style-type:decimal;
}

ul#decimal-leading-zero
{ 
	list-style-type:decimal-leading-zero;
}

ul#lower-roman
{ 
	list-style-type:lower-roman;
}

ul#upper-roman
{ 
	list-style-type:upper-roman;
}

ul#lower-greek
{ 
	list-style-type:lower-greek;
}

ul#lower-latin
{ 
	list-style-type:lower-latin;
}

ul#upper-latin
{ 
	list-style-type:upper-latin;
}

ul#armenian
{ 
	list-style-type:armenian;
}

ul#georgian
{ 
	list-style-type:georgian;
}

ul#lower-alpha
{ 
	list-style-type:lower-alpha;
}

ul#upper-alpha
{ 
	list-style-type:upper-alpha;
}

ul#none
{ 
	list-style-type:none;
}

ol 
{ 
	list-style-type:lower-roman;
}
로그인 후 복사
를 의미합니다.

위 내용은 CSS의 목록 스타일 속성 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
css
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿