visibility

정의 및 사용

visibility 속성은 해당 요소를 보여지게 할지 안보여지게 할지를 지정한다.

정의 및 사용
기본값 visible
상속 yes
버전 CSS2
자바스크립트 구문 object.style.visibility=”hidden”

브라우저 지원

IE6 지원IE7 지원IE8 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
설명
visible 기본값(default), 요소가 보여지게 지정
hidden 요소가 보여지지 않게 지정(해당 요소의 공간은 유지됨)
collapse table 요소를 위한 값이며, 다른 요소에 사용 된다면 “hidden” 으로 처리된다. table 의 row/column 을 제거하지만 전체 table 의 레이아웃에는 영향을 주지 않는다.
inherit 지정 요소의 보여짐 상태를 부모(상위) 요소로부터 상속받음

예제

버그 및 이슈

  • { visibility:hidden; } 은 보여지지 않지만 공간은 차지하고 있으며, { display:none; } 은 보여지지 않으면서 공간도 없어지게 된다. 두 속성의 차이점을 주의해야 한다.

소제목

목록 으로

댓글