Ruby Coin

Rails 와 프론트 엔드 기술을 이용해 흥미 위주의 빠른 웹 개발 방법론

list-style-position

토픽 Ruby Coin > Development > Front-End > CSS 사전

Summary

목록항목 표시자의 위치를 지정합니다.

inside | outside | inherit
기본값 outside
적용대상 display값이 list-item인 요소 (li 요소)
상속 상속됨
퍼센테이지 지정불가
미디어 Visual

Value

  • outside : 항목 표시자를 블럭 박스 밖에 위치시킵니다.
  • inside : 항목 표시자를 블럭 박스 안에 위치시킵니다.

Tip

  1. 다음과 같이 사용할 수 있습니다.
    ul {
        list-style-position: inside;
    }

Sample

 

댓글

댓글 본문
  1. 푸른하늘
    12일차 공부 감사합니다
  2. WayneKing
    유용
  3. 리체:leezche
    고맙습니다. 바로 수정되었습니다.
    대화보기
    • onasaju
      outside : 항목 표시자를 블럭 박스 밖에 위치시킵니다.
      inside : 항목 표시자를 블럭 박스 밖에 위치시킵니다.

      inside: 항목 표시자를 블럭박스 안에 위치 시킵니다. 가 맞지 않을까요?