display 속성

• 요소를 어떻게 보여줄지를 결정한다.

• none : 보이지않음

• block : 블록 박스

  • 가로영역을 모두 채우며, block 요소 다음에 등장하는 태그는 줄바꿈이 된것처럼 보인다.

• inline : 인라인 박스

  • block 과 달리 줄바꿈이 되지 않고, width 와 height 를 지정할 수 없다.
  • inline 요소 뒤에 나오는 태그 또한 줄바꿈 되지 않고 오른쪽에 표시된다.

• inline-block : block과 inline 의 중간 형태

  • block 과 inline의 중간 형태이며, 줄 바꿈이 되지 않지만 크기를 지정할 수 있다.
  • IE 7 이하에서는 사용할 수 없다.