커뮤니티

고용노동부, 산업인력공단과 함께하는 강원도 유일한 기업중심 IT전문교육기관 ICT융합캠퍼스만의 특별한교육입니다.
공인 IT숙련기술인의 다양한 접근방법으로 전문가다운 실무교육을 받을 수 있습니다.

Category

교육강좌

클라이언트 CSS 사전 - list-style-type

페이지 정보

작성자 관리자 댓글 0건 조회 2,229회 작성일 20-07-20 11:38

본문

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. 다음과 같이 사용할 수 있습니다.
    1
    2
    3
    ol {
    list-style-type:decimal;
    }
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

답변목록

등록된 답변이 없습니다.