CSS

CSS list-style property example

lshjju 2025. 5. 30. 15:34

리스트스타일 코드 예제


list-style-type는 순서 목록의 번호 스타일이나 순서 없는 목록의 불릿 스타일을 지정해주는 속성입니다.

 

 

disc : 속이 찬 원형 블릿
circle : 속이 빈 원형 블릿
square : 속이찬 사각형 블릿
decimal : 1부터 시작하는 10진수
decimal-leading-zero : 01부터 시작하는 십진수
lower-roman : 로마숫자의 소문자
upper-roman : 로마숫자의 대문자
lower-greek : 고대 그리스문자의 소문자
lower-alpha : 알파벳의 소문자
lower-latin : 라틴어의 소문자
upper-alpha : 알파벳의 대문자
upper-latin : 라틴어의 대문자
hebrew : 헤브라이 숫자
armenian : 아르메니아 숫자
georgian : 그루지아 숫자
cjk-ideographic : 한자의 숫자
hiragana : 일본어의 히라가나
katakana : 일본어의 카타카나
hiragana-iroha : 일본어 히라가나의 '이로하'순
katakana-iroha : 일본어 카타카나의 '이로하'순
none : 지정하지 않는다.

 


 

https://jsfiddle.net/3J7wD/2/

 

Edit fiddle - JSFiddle - Code Playground

Add expiration date to your fiddle (time button next to Save), it can be: 1 day, 10 days, 1 month, 6 months, 1 year, and you can keep the fiddle forever. Right now the default is Keep forever but this will probably change.

jsfiddle.net

 

 

end

 

Screenshot 2025-05-29 at 21.34.59.PNG
0.12MB
Screenshot 2025-05-23 at 01.00.17.JPG
0.08MB

'CSS' 카테고리의 다른 글

transition  (0) 2026.02.15
transform  (0) 2026.02.15
translate() center center alignment  (0) 2026.02.12
CSS box model Position control steps  (0) 2026.01.26
CSS color property  (0) 2025.05.30