CSS list-style-position 속성

정의와 사용법

listStylePosition 속성이 목록 항목 표시기가 배치되는 위치를 설정합니다.

설명

이 속성은 목록 표시기가 목록 항목 내용에 대한 위치를 지정합니다. 외부 (outside) 표시기는 목록 항목 경계선에서 특정 거리에 배치되지만, 이 거리는 CSS에서 정의되지 않습니다. 내부 (inside) 표시기는 목록 항목 내용의 앞에 삽입된 행 내 요소처럼 처리됩니다.

추가 정보:

CSS 교육 가이드:CSS 목록

CSS 참조 가이드:CSS list-style 속성

HTML DOM 참조 가이드:listStylePosition 속성

예제

목록에서 목록 항목 표시기의 위치를 정의합니다:

ul
  {
  list-style-position:inside;
  }

개인적으로 시도해 보세요

CSS 문법

list-style-position: inside|outside|initial|inherit;

속성 값

값 설명
inside 목록 항목 표시기는 텍스트 내에 배치되며, 텍스트는 표시기에 따라 정렬됩니다.
outside 기본 값. 표시기는 텍스트의 왼쪽에 위치하게 합니다. 목록 항목 표시기는 텍스트 밖에 배치되며, 텍스트는 표시기에 따라 정렬되지 않습니다.
inherit list-style-position 속성의 값을 부모 요소에서 상속해야 합니다.

기술 세부 사항

기본 값: outside
상속성: yes
버전: CSS1
JavaScript 문법: object.style.listStylePosition="inside"

추가 예제

목록 표시기 배치
이 예제에서 목록 표시기가 어디에 배치되는지 보여줍니다.

브라우저 지원

표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 4.0 1.0 1.0 3.5