속성 list-style-position
속성 list-style-position는
목록 마커가 ul
또는 ol 태그 목록의
내부에 표시될지 외부에 표시될지 설정합니다.
구문
선택자 {
list-style-position: inside | outside;
}
값
| 값 | 설명 |
|---|---|
inside |
마커가 목록 안쪽에 위치합니다. |
outside |
마커가 목록 바깥쪽에 위치합니다. |
기본값: outside.
예제 . inside 값
<ul>
<li>목록 항목</li>
<li>목록 항목</li>
<li>목록 항목</li>
<li>목록 항목</li>
<li>목록 항목</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
예제 . outside 값
<ul>
<li>목록 항목</li>
<li>목록 항목</li>
<li>목록 항목</li>
<li>목록 항목</li>
<li>목록 항목</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
같이 보기
-
속성
list-style-type,
목록 마커의 타입을 설정합니다. -
속성
list-style-type,
목록 마커의 타입을 설정합니다. -
속성
list-style,
목록 마커에 대한 단축 속성입니다.
