CSS - 목록 스타일 지정

<ul>이나 <ol>에 대해 스타일을 지정할 수 있습니다.

속 성	설 명
list-style-type	목록 구분 기호나 문자를 지정 <ul>에 사용할 수 있는 속성 decimal: 1로 시작하는 십진수 decimal-leading-zero: 앞에 0이 붙는 10진수 lower-roman: 소문자 로마숫자 upper-roman: 대문자 로마숫자 lower-alpha: 영문 소문자 upper-alpha: 영문 대문자 <ol>에 사용할 수 있는 속성 disc: 채워진 원 circle: 빈 원 square: 채워진 사각형 none: 불릿 없음.
list-style-image	기호나 문자 대신 이미지로 지정. none | <이미지> 중 하나 이미지를 못 찾으면 ●(기본값)으로 출력 Ex.) list-style-image: url (이미지 파일 경로) Ex.) list-stle-image: none;
list-style-position	목록 구분 기호나 문자의 위치를 지정 inside: 불릿이나 숫자를 안쪽으로 들여쓰기 합니다. outside: 불릿이나 숫자를 데이터보다 앞에 나오게 함.
list-style	위 속성들을 한꺼번에 지정 Ex.) list-style: decimal inside;

<style> 
ul {
  list-style: lower-alpha inside;
}
ol {
  list-style: disc outside;
}
</style>

순서없는 목록 스타일
<ul>
  <li>하보니 PHP</li>
</ul>

순서 있는 목록 스타일
<ol>
  <li>하보니 PHP</li>
</ol>

<style> 
ul {
  list-style: url("ara.jpg") inside;
}
</style>

<ul>
  <li>하보니 PHP</li>
</ul>