[CSS] ul ol li 에서 list-style 관련 속성들 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

ul li 에서 list-style  관련 속성들

1. 기본
ul {
    list-style: square url("squrlple.gif");
}

2. 이미지를 보이기
ul {
    list-style-image: url("squrple.gif");
}

3. 위치를 지정
ul {
    list-style-position : inside;  /* default value : outside */
}

4. 모양을 지정
li {
    list-style-type : none;  /* dot 을 숨김 */
}
ul.circle { list-style-type: circle; }    
ul.square { list-style-type: square; }
ol.upper-roman { list-style-type: upper-roman; }
ol.lower-alpha { list-style-type: lower-alpha; }


http://www.w3schools.com/cssref/pr_list-style-position.asp