list-style 속성

list-style 속성을 사용하면 list-style-type, list-style-image, list-style-position와 같은 ul 또는 ol 목록의 속성들을 동시에 설정할 수 있습니다.

속성 값의 순서는 중요하지 않습니다.

예시

목록에 사각형 마커를 설정해 봅시다:

html<ul>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

예시

이제 list-style 속성에 마커 이미지와 텍스트 영역 내부 위치를 설정해 보겠습니다:

html<ul>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
</ul>

cssul {
  list-style: url("li.gif") inside;
}

Результат: