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>
<ul class="a">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>The following list has list-style-position: outside:</p>
<ul class="b">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>"list-style-position: outside" is the default setting.</p>
</body>
</html>
|
댓글을 작성하시려면 로그인이 필요합니다.