list-style - bullet 없애기

2016. 11. 29. 13:57[개발] 지식/CSS

list-style : none; 을 적용한다.



  • list-style Syntax 


list-style: list-style-type list-style-position list-style-image|initial|inherit;

ValueDescription
list-style-typeSpecifies the type of list-item marker. See list-style-type for possible values
list-style-positionSpecifies where to place the list-item marker. See list-style-position for possible values
list-style-imageSpecifies the type of list-item marker. See list-style-image for possible values
initialSets this property to its default value. Read about initial
inheritInherits this property from its parent element. Read about inherit

별도의 image를 넣고 싶을 때 아래와 같이 사용

ul {
    list-style: square url("sqpurple.gif");
}
  • list-style-type Property Values

list-style-type : lower-roman /* 로마숫자 소문자으로된 목록 */
list-style-type : upper-roman /* 로마숫자 대문자으로된 목록 */
list-style-type : lower-alpha /* 알파벳 소문자으로된 목록 */
list-style-type : upper-alpha /* 알파벳 대문자으로된 목록 */
list-style-type : disc /* 점으로 된 목록 */
list-style-type : circle /* 속이 하얀색 원으로 된 목록 */
list-style-type : square /* 사각형으로 된 목록 */
list-style-type : decimal /* 숫자로 된 목록 */
list-style-type : none /* 아무 표시 없음 */

<