display

CSS 에서 layout 을 제어하기 위한 가장 중요한 property 이다.
모든 element 에는 유형에 따라 기본 표시값이 있다. 대부분 block 이나 inline이다.

block

• block-level-element 라고도 하며 새 줄에서 시작해 좌우로 최대한 늘어난다.
• p, form, div, header, footer, section 태그 등이 있다.

inline

• 단락 안에서 흐름을 방해하지 않는 element 이다.
• a, span 태그 등이 있다.

in-line-block

• 기본적으로 inline 엘리먼트처럼 전후 줄바꿈 없이 한 줄에 다른 element 들과 나란히 배치된다. - 하지만 inline 엘리먼트에서 불가능하던 width와 height 속성 지정 및 margin과 padding 속성의 상하 간격 지정이 가능해진다.
• 대표적인 inline-block 엘리먼트로 button이나 input, select 태그 등을 들 수 있다.

none

• 실제로 보이지는 않는 element 이다.
• 검색어 자동완성을 예시로 들 수 있다.