CSS Dictionary

by leezche

CSS Dictionary by leezche

list-style-type

Summary

목록에서 목록 항목 표시자(블릿이나 숫자)의 모양을 지정합니다.

disc | circle | square | decimal | decimal-leading-zero | 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 | inherit
기본값ul요소일때는 disc, ol요소일때는 decimal
적용대상display값이 list-item인 요소 (li 요소)
상속상속됨
퍼센테이지지정불가
미디어Visual

Value

  • 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 : 지정하지 않는다.

Tip

  1. 이 속성은 display값이 list-item인 경우에만 유효합니다. 따라서 li의 display속성을 inline이나 block로 지정하게 되면 list-style-type의 속성이 무효화됩니다.
  2. 다음과 같이 사용할 수 있습니다.
    ol {
        list-style-type:decimal;
    }

Sample

 

 

댓글

오류나 오타 신고 환영합니다. ^^;;
(도와주세요!)

댓글 본문
작성자
비밀번호
  1. 지영
    한글 가. 나. 다.이렇게는 없나요?
버전 관리
리체:leezche
현재 버전
선택 버전
graphittie 자세히 보기