CSS) list-style 다양한 종류 (list-style-type)

list-style-type

표준으로 제공되는 스타일을 우선적으로 알아 볼 예정입니다.

 

none

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: none

none는 아무 기호가 없습니다.

 

disc

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: disc

disc는 기본값으로 많은 목록에 쓰입니다.

 

circle

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: circle;

circle은 가운데가 비어있는 원 모양 입니다.

 

square

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: square;

square은 정사각형 모양입니다.

 

decimal

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: decimal;

decimal은 숫자로 나타냅니다.

 

decimal-leading-zero

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123
• 6
• 7
• 8
• 9
• 10
• 11

list-style-type: decimal-leading-zero;

decimal-leading-zero은 0이 들어가있는 숫자로 표현됩니다.

 

lower-roman

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: lower-roman;

lower-roman은 소문자 로마숫자입니다.

 

upper-roman

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: upper-roman;

upper-roman은 대문자 로마숫자입니다.

 

lower-greek

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: lower-greek;

lower-greek은 알파, 베타, 감마, 델타, 입실론...

 

lower-alpha, lower-latin

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123
• f
• g
• h
• i
• j
• k
• l
• m
• n
• o
• p
• q
• r
• s
• t
• u
• v
• w
• x
• y
• z
• aa
• ab

list-style-type: lower-alpha;
list-style-type: lower-latin;

lower-alpha, lower-latin는 동일하게 라틴(알파벳)순으로 나옵니다.

z가 끝난 후 aa부터 시작합니다.

 

upper-alpha, upper-latin

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: upper-alpha;
list-style-type: upper-latin;

upper-alpha, upper-latin는 대문자 알파벳 표현으로 나옵니다.

 

armenian

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: armenian;

armenian은 아르메니아 공화국의 언어이며 아르메니아 공화국은 터키 옆에 있는 나라입니다.

 

cambodian

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: cambodian;

cambodian는 캄보디아어 입니다.

 

cjk-ideographic

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: cjk-ideographic;

cjk-ideographic 갑, 을, 병, 정, 무... : 한국어에서는 이렇게 뜨며 언어별로 다릅니다.

 

georgian

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: georgian;

georgian는 조지아어 입니다.

 

hebrew

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: hebrew;

hebrew는 히브리어 입니다.

 

\1F44D

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: "\1F44D";

\1F44D는 유니코드 아이콘입니다.

유니코드로 문자등을 나타낼수 있습니다.

변환하기 https://hi098123.tistory.com/118

인코더, 디코더 (유니코드, URI, Base64)

 

 

실험기능

실전에 사용하기전 지원 브라우저 확인해주세요

 

korean-hangul-formal

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: korean-hangul-formal;

korean-hangul-formal: 지원하는 브라우저에서는 일, 이, 삼, 사, 오 ... 이렇게 표기됩니다.

 

korean-hanja-formal

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: korean-hanja-formal;

 

 

 

korean-hanja-informal

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: korean-hanja-informal;

 

 

 

hiragana

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: hiragana;

 

 

 

hiragana-iroha

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: hiragana-iroha;

 

 

 

japanese-formal

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: japanese-formal;

 

 

 

japanese-informal

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: japanese-informal;

 

 

 

katakana

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: katakana;

 

 

 

lower-armenian

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: lower-armenian;

 

 

 

simp-chinese-formal

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: simp-chinese-formal;

 

 

 

simp-chinese-informal

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: simp-chinese-informal;

 

 

 

trad-chinese-formal

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: trad-chinese-formal;

 

 

 

trad-chinese-informal

• hi098123
• hi098123
• hi098123
• hi098123
• hi098123

list-style-type: trad-chinese-informal;