속성 list-style-position

속성 list-style-position는 목록 마커가 ul 또는 ol 태그 목록의 내부에 표시될지 외부에 표시될지 설정합니다.

구문

css선택자 {
  list-style-position: inside | outside;
}

값

기본값: outside.

예제 . inside 값

html<ul>
  <li>목록 항목</li>
  <li>목록 항목</li>
  <li>목록 항목</li>
  <li>목록 항목</li>
  <li>목록 항목</li>
</ul>

cssul {
  list-style-position: inside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

예제 . outside 값

html<ul>
  <li>목록 항목</li>
  <li>목록 항목</li>
  <li>목록 항목</li>
  <li>목록 항목</li>
  <li>목록 항목</li>
</ul>

cssul {
  list-style-position: outside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

같이 보기