[CSS] 목록 스타일 (Lists Style)

ul{
list-style-type:none
}

 

목록의 앞에 오는 기호를 다른 텍스트나 이미지로 커스터마이징 할 수 있다.

 

---

 

 

스타일 명령어

 

마커를 아예 지우기

<style>
ul.demo {
  list-style-type: outside;
  margin: 0;
  padding: 0;
}

 

---

마커 문단 포함여부 (list-style-position)

 

ul{
  list-style-position: outside;
}

list-style-position : outside;

문단 안에 포함하지 않음 (기본 값)

ul{
  list-style-position: inside;
}

list-style-position : inside;

문단 안에 포함함

 

 

---

list-style-image : 이미지 삽입

ul {
  list-style-image: url('sqpurple.gif');
}

잘쓰지않는다.