CSS 보이지 속성

정의와 사용법

visibility 속성은 요소가 보이는지 여부를 정의합니다.

힌트:보이지 않는 요소도 페이지에서 공간을 차지합니다. "display" 속성을 사용하여 페이지 공간을 차지하지 않는 보이지 않는 요소를 생성하세요.

설명

이 속성은 요소가 생성한 요소 프레임을 표시할지 여부를 지정합니다. 이는 요소가 여전히 자신의 공간을 차지하지만 완전히 보이지 않을 수 있다는 의미입니다. 값 collapse는 표 레이아웃에서 열이나 줄을 제거하는 데 사용됩니다.

추가 정보:

CSS 강의:CSS 정위치

HTML DOM 참조 매뉴얼:visibility 속성

예제

h2 요소를 숨기는 방법:

h2
  {
  visibility:hidden;
  }

개인적으로 시도해보세요

CSS 문법

visibility: visible|hidden|collapse|initial|inherit;

속성 값

값 설명
visible 기본값. 요소는 보이는 상태입니다.
hidden 요소는 보이지 않습니다.
collapse 표 요소에서 사용할 때, 이 값은 한 줄이나 한 열을 지우지만 표 레이아웃에 영향을 미치지 않습니다. 줄이나 열이 차지한 공간은 다른 내용을 사용할 수 있습니다. 다른 요소에 이 값이 사용될 때, "hidden"으로 표시됩니다.
inherit visibility 속성 값을 부모 요소에서 상속해야 합니다.

기술적인 세부 사항

기본값: visible
상속성: yes
버전: CSS2
JavaScript 문법: object.style.visibility="hidden"

TIY 예제

요소를 어떻게 숨기는가
이 예제에서 요소가 보이지 않게 만드는 방법을 보여줍니다. 요소를 보이게 하고 싶으신가요 아니면 아니신가요?
표 요소를 collapse로 설정하세요
이 예제에서 표 요소를 겹치게 만드는 방법을 보여줍니다?

브라우저 지원

표의 숫자는 이 속성을 최초로 지원하는 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 4.0 1.0 1.0 4.0