Summary
생성된 엘리먼트를 보이게 할지 안보이게 할지를 지정한다.
값 | visible | hidden | collapse | inherit |
---|---|
기본값 | inherit |
적용대상 | 모든요소 |
상속 | 상속안됨 |
퍼센테이지 | 지정불가 |
미디어 | Visual |
Value
- visible : 엘리먼트를 보이게 지정한다
- hidden : 엘리먼트를 보이지 않게 지정한다. 배치에 영향을 준다.
- collapse : 테이블의 열, 행, 그룹요소들에 지정한 경우 요소를 보이지 않게 하며, 다른 요소에 지정한경우 hidden과 같은 의미가 된다. 대부분의 브라우저에서 지원하지 않는다.
Tip
- 다음과 같이 사용할 수 있다
div { visibility : hidden; }
- display:none은 배치에 영향을 주지 않지만, visibility:hidden은 배치에 영향을 준다.
Sample