웹스터디

list-style

토픽 웹스터디 > CSS Dictionary

Summary

목록 항목의 속성들(list-style-type, list-style-position, list-style-image)을 한꺼번에 지정하는 약식속성입니다.

[ <'list-style-type'> || <'list-style-position'> || <'list-style-image'> ] | inherit
기본값 기본값    개별 속성의 기본값을 참조
적용대상 display값이 list-item인 요소 (li 요소)
상속 상속됨
퍼센테이지 지정불가
미디어 Visual

Value

  • list-style-type
  • list-style-position
  • list-style-image

Tip

  1. 다음과 같이 사용할 수 있습니다.
    ul {
        list-style: decimal url("/img/bull.gif") inside;
    }
  2. 값을 생략하게 되면 각 개별 속성의 기본값을 갖게 된다.
    ul {list-style:decimal;}
    이 css는 다음과 같다.
    ul {list-style: decimal none outside;}

     

댓글

댓글 본문
  1. 푸른하늘
    12일차 공부 감사합니다
  2. 이주형
    감사합니다~!^_^
  3. 리체:leezche
    네 오타입니다. 수정되었습니다. 감사합니다. ^^
    대화보기
    • demical 을 decimal 로 가 맞지 않을까요