CSS 06_display

display 속성의 기본 4가지 값

---

• display 속성은 HTML 요소를 어떻게 표시할지 결정한다. 
• none : 요소를 보이지 않게 설정한다
  
  • visiblity : hidden => 영역은 차지하지만 스타일이 보이지 않음
  • display : none => 영역도 차지하지 않음
• block : 가로 영역을 모두 채우며 block 요소 다음에 등장하는 태그는 줄바꿈이 된 것처럼 보임
  • width, height 속성을 지정할 수 있음
  • div , p , heading (h1~h6) 태그 등이 이에 해당됨
• inline : 컨텐츠만큼의 영역만을 차지하며 block과 달리 줄바꿈이 되지 않음
  • width, height 속성을 지정할 수 없음
• inline-block : block과 inline의 중간 형태로 요소는 inline이지만 block처럼 표시됨
  • inline처럼 컨텐츠만큼의 영역을 차지하지만 block처럼 width, height 등과 같은 값을 변경할 수 있음