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;
Value | Description |
---|---|
list-style-type | Specifies the type of list-item marker. See list-style-type for possible values |
list-style-position | Specifies where to place the list-item marker. See list-style-position for possible values |
list-style-image | Specifies the type of list-item marker. See list-style-image for possible values |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits 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 /* 아무 표시 없음 */
'[개발] 지식 > CSS' 카테고리의 다른 글
inline-block 으로 했을때 요소간 여백 없애기 (0) | 2017.03.27 |
---|---|
IE에서 Input 태그 우측 delete('X") 버튼 없애기 (0) | 2016.12.16 |
Img(인라인) 수직정렬 (0) | 2016.12.07 |
텍스트 줄바꿈 처리 속성 (0) | 2016.11.03 |
형제 선택자 (0) | 2016.11.03 |
<