[CSS] display, visibility 보이는 방법을 통제.

-display: 어떻게 표시할 것인가?(상속 안됨)

 

inline? 앞뒤로 줄바꿈 불가.(가로로 늘어섬, 요소 크기만큼만 차지.)

block? 앞뒤로 줄바꿈 가능.(세로로 늘어섬, 가로 100%)

none? 박스 생성되지 않음.(공간 사라지고 내부 요소만 남음)

inline-block? 요소는 inline 내부는 block. = 박스모양이 inline처럼 가로로 늘어섬.

(모양은 block 배치는 inline)(float속성 적용한 것처럼 늘어짐.

 

 

 

 

 

-visibility: 보일것인가 말것인가?(상속 됨)

 

visible? 기본값. 요소 보임

hidden? 요소 안보임. 그러나 공간은 차지(투명)

collapse? table에서 사용하는 value. 선택 테이블의 행과 열을 숨김.(그냥 hidden이라 봐도 무방)

 

 

=> none과 hidden 의 차이는 공간이 남냐 안남냐.