list-style 속성
list-style 속성을 사용하면
list-style-type,
list-style-image,
list-style-position와 같은
ul 또는
ol 목록의 속성들을 동시에 설정할 수 있습니다.
속성 값의 순서는 중요하지 않습니다.
예시
목록에 사각형 마커를 설정해 봅시다:
<ul>
<li>리스트 항목</li>
<li>리스트 항목</li>
<li>리스트 항목</li>
<li>리스트 항목</li>
<li>리스트 항목</li>
</ul>
ul {
list-style: square outside;
}
:
예시
이제 list-style 속성에
마커 이미지와 텍스트 영역 내부 위치를 설정해 보겠습니다:
<ul>
<li>리스트 항목</li>
<li>리스트 항목</li>
<li>리스트 항목</li>
<li>리스트 항목</li>
<li>리스트 항목</li>
</ul>
ul {
list-style: url("li.gif") inside;
}
:
