요소를 어떻게 보이게 하는지를 결정하는 속성으로
각각의 속성값에 따라 다르게 보여진다.
display 속성값
- inline
inline 요소의 특성 그대로 한 줄에 다른 요소들과 나란히 배치된다.
컨텐트의 크기만큼만 공간을 차지해서 width 와 height 속성을 지정해도
무시된다.- block
block 요소의 특성 그대로 줄 전체를 차지하며 줄바꿈이 일어난다.
inline 속성값과는 다르게 width, height, mpadding, margin 속성이
모두 반영된다.- inline-block
기본적으로 inline 속성값처럼 한 줄에 다른 요소들과 나란히 배치되지만,
block 속성값처럼 width, height, mpadding, margin 속성이 모두 반영된다.
즉, 여러개의 요소들을 원하는 너비만큼 한 줄에 배치할 수 있다.