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

카테고리 : 웹 프로그래밍/HTML

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)

텍스트 유니코드 URI Base64 인코딩과 디코딩 용도입니다. 자동으로 변환됩니다. 모든 텍스트박스에 입력가능하며, "유니코드, URI, Base64" 에 입력시 "텍스트"로 디코딩됩니다.

hi098123.tistory.com

 

 

실험기능

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

 

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;

 

 

 

저작권 보호안내
무단 전재, 재배포 행위는 금지됩니다. (글을 복사하여 게시금지)
본문의 일부(링크용 문장) 인용은 가능하지만, 출처와 링크(a 태그)를 남기셔야 됩니다.
(웹툴을 이용하고, 스크린샷/녹화하는것은 상관없습니다.)

예외적으로. 저에게 허락받은 경우에는 본문을 전재할 수 있습니다.

만약, 본문 공유를 원하신다면 링크 공유를 해주세요

저작권 정책 확인하기
링크 공유하기

 댓글 (3개)