visibility

Summary

생성된 엘리먼트를 보이게 할지 안보이게 할지를 지정한다.

값	visible | hidden | collapse | inherit
기본값	inherit
적용대상	모든요소
상속	상속안됨
퍼센테이지	지정불가
미디어	Visual

Value

• visible : 엘리먼트를 보이게 지정한다
• hidden : 엘리먼트를 보이지 않게 지정한다. 배치에 영향을 준다.
• collapse : 테이블의 열, 행, 그룹요소들에 지정한 경우 요소를 보이지 않게 하며, 다른 요소에 지정한경우 hidden과 같은 의미가 된다. 대부분의 브라우저에서 지원하지 않는다.

Tip

1. 다음과 같이 사용할 수 있다

   div {
       visibility : hidden;
   }

2. display:none은 배치에 영향을 주지 않지만, visibility:hidden은 배치에 영향을 준다.

Sample