display&visibility

display & visibility

display

display 속성은 요소를 어떻게 보여줄지 결정합니다.

• none : 태그가 보이지 않게 되는데, visibility 속성을 hidden으로 설정한 것과 달리, 영역도 차지하지 않습니다.
• block : 가로 길이가 기본적으로 100%이며, block인 태그를 이어서 사용하면 줄바꿈 되어 보입니다.
  width, height 속성을 지정 할 수 있으며, 레이아웃 배치시 주로 쓰입니다.
• inline : block과 달리 줄 바꿈이 되지 않고, width와 height를 지정할 수 없습니다.
• inline-block : block과 inline의 중간 형태라고 볼 수 있는데, 줄 바꿈이 되지 않지만 크기를 지정할 수 있습니다.
• visibility : 어떤 요소를 보이게 할지 숨길지 결정합니다.
• visible : 기본값으로 요소가 그대로 보입니다.
• hidden : 요소가 보이지 않지만, 그 공간을 차지하며 투명하게 있습니다.
• collapse : table 태그에서만 사용할 수 있으며, 선택 테이블의 행과 열을 숨기지만 공간을 차지하며 투명하게 있습니다.

div {
    display: none;
}