visibility속성

문서의 레이아웃을 변경하지 않고 요소를 보이거나 숨긴다 table태그에도 사용가능하다

 

visible

해당 HTML 요소를 웹페이지에 나타낸다

 

hidden

HTML요소를 웹페이지에 나타내지않음 여전히 웹페이지의 레이아웃에는 존재

 

collapse 

동적인 테이블에서만 사용가능. 테이블의 테두리를 한 줄로만 보여준다
display를 none으로 설정한 것과 동일하게 요소를 숨기고 차지하던 공간도 제거한다

collapse

 

 

visible hidden collapse

hidden과 collapse는 화면상으로는 나오지 않지만 레이아웃만 존재한다none은 화면상으로 나오지도 않고 레이아웃도존재하지 않는다