HTML5+CSS3 - 목록 스타일

list-style-type 속성 - 목록의 불릿과 번호 스타일 지정하기

list-style-type:속성값;

순서없는목록의 속성값

 - disc : 속이 찬 원

 - circle : 속이 빈 원

 - square : 속이 찬 사각형

 - none : 표시하지 않음

순서있는목록의 속성값

 - decimal : 1,2,3,4

 - decimal-leading-zero : 01,02,03,04

 - lower-roman : i,ii,iii,iv

 - upper-roman : I,II,III,IV

 - lower-greek : 소문자 그리스 문자

 - lower-alpha, lower-latin : a,b,c,d

 - upper-alpha, upper-latin : A,B,C,D

 - hebrew : 히브리 숫자

 - armenian : 아르메니아 숫자

 - georgian : 조지 왕조 시대의 숫자

 - cjk-ideographic : 단순한 표의 문자

 - hiragana : 히라가나

 - hiragana-iroha : 히라가나 번호 붙이기

 - katakana : 가타가나

 - katagana-iroha : 가타가나 번호 붙이기

list-style-position 속성 - 목록에 들여쓰는 효과내기

list-style-position:속성값;

속성값

 - inside : 불릿이나 숫자를 안으로 들여쓴다.

 - outside : 기본 값으로 불릿이나 숫자를 밖으로 내어쓴다.

list-style-image 속성 - 불릿 대신 이미지 넣기

불릿 기호 대신 원하는 이미지를 넣는다.

list-style-image:url(이미지경로)