English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS visibility 속성 사용 방법 및 예제
visibility 속성은 요소가 보이는지 여부를 지정합니다...
다음 표는 이 속성의 사용 설명과 버전 이력, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다. | 설명 |
---|---|
기본 값: | 적용: |
모든 요소 | 상속: |
네 | 애니메이션 가능:네. 참조하십시오:。 |
애니메이션 속성 | 버전: 2CSS3 |
、 | JavaScript 문법: |
visibility 사용 문법
이 속성의 문법은 다음과 같습니다:
visibility: visible | hidden | collapse | initial | inherit
예제 div { visibility: hidden; p { div { visibility: hidden;}/시험해보세요‹
속성 값
다음 표는 이 속성의 값을 설명합니다. | 값 |
---|---|
설명 | visible |
이 상자와 그 내용은 보이며 기본 값입니다. | hidden |
이 상자와 그 내용은 보이지 않지만 페이지 레이아웃에 영향을 미칩니다. | collapses 기타 요소에 축소가 지정된 경우, 숨김과 같은 행동을 합니다. |
initial | 이 속성을 기본 값으로 설정합니다. |
inherit | 지정된 경우, 관련 요소는 부모 요소의 visibility 속성 값을 사용합니다. |
visibility 속성의 브라우저 호환성을 확인하려면 다음 표를 참조하십시오. 표에서의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다. 모든 주요 브라우저는 이 속성을 지원합니다.
|
다음 튜토리얼을 참조하십시오:CSS可见성,CSS 표시。
관련 속성:display。