더 "Try it Yourself" 아래의 예.
정의 및 사용
가시성 속성은 요소의 표시 여부를 지정합니다.
Tip: 심지어 눈에 보이지 않는 요소는 페이지의 공간을 차지합니다. 사용 디스플레이 공간을 차지하지 않는 보이지 않는 요소를 만들 속성을!
기본값: | visible |
---|---|
상속 : | yes |
애니메이션 : | yes. Read about animatable |
번역: | CSS2 |
자바 스크립트 구문 : | object .style.visibility="hidden" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
재산 | |||||
---|---|---|---|---|---|
visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS 구문
visibility: visible|hidden|collapse|initial|inherit;
속성 값
값 | 기술 | 플레이 |
---|---|---|
visible | 기본값. 요소는 볼 수 | »플레이 |
hidden | 요소가 보이지 않는 (but still takes up space) | »플레이 |
collapse | 만 테이블 요소. 붕괴는 행 또는 열을 제거하지만, 테이블 레이아웃에 영향을주지 않는다. 행 또는 열 차지하는 공간은 다른 콘텐츠를 사용할 수 있습니다. 붕괴가 다른 구성 요소에 사용되는 경우, 렌더링은 "hidden" | »플레이 |
initial | 기본값으로이 속성을 설정합니다. 초기에 대해 알아보기 | »플레이 |
inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
더 예
관련 페이지
CSS 자습서 : CSS 디스플레이 및 가시성
HTML DOM 참조 : visibility property