display 속성

display 속성은 요소를 어떻게 보여줄지를 결정한다. none, block, inline, inline-block으로 총 4가지 속성이 있다.

요소를 렌더링하지 않도록 설정한다. visibility 속성을 hidden으로 설정한 것과 달리 영역도 차지하지 않는다.

div, p, h, li 태그 등이 해당하며 기본적으로 가로 영역을 모두 채우며 blcok 요소 다음에 등장하는 태그는 줄바꿈이 된 것처럼 보인다. width, height 속성을 지정할 수 있다.

span, b, i, a 태그 등이 이에 해당하며 block과 달리 줄 바꿈이 되지 않고 width와 height를 지정할 수 없다. 볼드, 이탤릭, 색상, 밑줄 등 글자나 문장에 효과를 주기 위해 존재하는 단위이기도 하다.

block과 inline의 중간 형태로 줄 바꿈이 되지 않지만 크기를 지정할 수 있다.