display 속성
CSS의 display 속성은 요소가 어떻게 보여질지, 요소의 레이아웃 박스 유형을 지정합니다.
none
display: none;
none 설정 시, 요소가 화면에서 보이지 않습니다.
visibility: hidden; 과 다른 점은 요소가 차지하는 공간도 같이 사라집니다.
block
display: block;
block 설정 시, 요소가 부모 요소의 가로 너비를 모두 차지하고 세로 너비는 내용에 따라 결정됩니다.
width, height, margin, padding 속성을 적용할 수 있습니다.
inline
display: inline;
inline 설정 시, 요소가 텍스트처럼 줄 안에 표시됩니다.
width, height, margin-top,margin-bottom 속성을 적용할 수 없습니다.
inline-block
display: inline-block;
inline-block 설정 시, inline 처럼 줄 바꿈 없이 다른 요소와 같은 줄에 배치되지만, block 처럼 width, height, margin, padding 속성을 적용할 수 있습니다.