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>
게시판 목록
퍼블리셔팁
퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 887 | HTML | 8년 전 | 2232 | ||
| 886 | HTML | 8년 전 | 1778 | ||
| 885 | HTML | 8년 전 | 2203 | ||
| 884 | HTML | 8년 전 | 2260 | ||
| 883 | HTML | 8년 전 | 2423 | ||
| 882 | HTML | 8년 전 | 2171 | ||
| 881 | HTML | 8년 전 | 2299 | ||
| 880 | HTML | 8년 전 | 2619 | ||
| 879 | HTML | 8년 전 | 1716 | ||
| 878 | HTML | 8년 전 | 1944 | ||
| 877 | HTML | 8년 전 | 1958 | ||
| 876 | HTML | 8년 전 | 2148 | ||
| 875 | HTML | 8년 전 | 1688 | ||
| 874 | HTML | 8년 전 | 2716 | ||
| 873 | HTML | 8년 전 | 2561 | ||
| 872 | HTML | 8년 전 | 2613 | ||
| 871 | HTML | 8년 전 | 2922 | ||
| 870 | HTML | 8년 전 | 2195 | ||
| 869 | HTML | 8년 전 | 2633 | ||
| 868 | HTML | 8년 전 | 2149 | ||
| 867 | HTML | 8년 전 | 1924 | ||
| 866 | HTML | 8년 전 | 1660 | ||
| 865 | HTML | 8년 전 | 1913 | ||
| 864 | HTML | 8년 전 | 2042 | ||
| 863 | HTML | 8년 전 | 1339 | ||
| 862 | HTML | 8년 전 | 1644 | ||
| 861 | HTML | 8년 전 | 1609 | ||
| 860 | HTML | 8년 전 | 1877 | ||
| 859 | HTML | 8년 전 | 1534 | ||
| 858 | HTML | 8년 전 | 1826 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기