ul, ol, li 머리말 기호에 대해 (feat. list-item)

***

일반적으로

ul, ol 요소 앞에 붙는 머리말 기호는

편의상 reset css 상에서 없엠.

***

ul, ol, li {list-style:none;}

이게 우리가 html, css 를 처음 배울때 

이렇게 제거하라고 배웠을 거임.

***

근데 사실 머리말 기호를 제거하는 법은 여러가지임.

***

일단 user agent sheets = 크롬 개발자도구로 찍어보면

-------------------

ul {display:block; list-style-type:disc;}

li {display:list-item;}

-------------------

요럼.

***

li 는 엄밀히 따지면 block 이 아니라 list-item 인것임.

자세하게는 모르겠지만

display:list-item 과 display:block 은 

머리말 기호가 기본적으로 붙는다는것,

다시말해 list-style 속성들이 적용이 된다는걸 빼고는 동일한거 같음.

***

즉, 제거 방법은

1. 

li {display:block;} 

(list-item 을 다른걸로 바꾸면 됨)

2. 

ul, ol {list-style-type:none;}

(엄밀히 따지면 이게 맞음)

3.

다른방법 있는걸로 기억하는데 까먹음