List Item 마커 위치 지정

List Item 마커 위치 지정 > 퍼블리셔팁

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

List Item 마커 위치 지정 정보

CSS List Item 마커 위치 지정

List Item 마커 위치 지정

이 list-style-position속성은 목록 항목 마커를 내용 흐름의 내부 또는 외부에 표시할지 여부를 지정합니다.

예

ul {

list-style-position: inside;

}

<!DOCTYPE html>

<html>

<head>

<style>

ul.a {list-style-position:inside;}

ul.b {list-style-position:outside;}

</style>

</head>

<body>

<p>The following list has list-style-position: inside:</p>

<li>Coffee</li>

</ul>

<p>The following list has list-style-position: outside:</p>

<li>Coffee</li>

</ul>

<p>"list-style-position: outside" is the default setting.</p>

</body>

</html>