반응형
html의 요소를 블록 또는 인라인 요소 중 어느 쪽으로 처리할 지를 정의
블록 요소: 자기가 속한 영역의 너비를 모두 차지하여 블록을 형성
인라인 요소: 자기에게 필요한 만큼의 공간만 차지
inline: 요소를 인라인 요소로 처리한다.
div{ display: inline; }
- 블록 요소인 div 요소를 인라인 요소로 처리한다.
block: 요소를 블록 요소로 처리한다.
a { display: block }
- 인라인 요소인 a 요소를 블록 요소로 처리한다.
inline-block: 인라인으로 배치하되 블록 요소의 속성을 추가할 수 있다.
div{ display: inline-block}
- 블록 요소인 div를 인라인 요소로 처리하지만 width, height와 같은 block 요소의 속성을 처리할 수 잇따.
none: 디스플레이(표시) 하지 않는다.
div{ display: none}
- div 요소를 디스플레이, 즉 표시하지 않는다.
반응형
