English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성大全

size 속성

CSS visibility 속성 사용 방법 및 예제

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

다음 표는 이 속성의 사용 설명과 버전 이력, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다.설명
기본 값:적용:
모든 요소상속:
애니메이션 가능:네. 참조하십시오:
애니메이션 속성버전: 2CSS3
JavaScript 문법:

object.style.visibility="hidden"

visibility 사용 문법

이 속성의 문법은 다음과 같습니다:

visibility: visible | hidden | collapse | initial | inherit

  예제
   div {
  visibility: hidden;
  p {
   div {
  visibility: hidden;
}/시험해보세요‹

속성 값

다음 표는 이 속성의 값을 설명합니다.
설명visible
이 상자와 그 내용은 보이며 기본 값입니다.hidden
이 상자와 그 내용은 보이지 않지만 페이지 레이아웃에 영향을 미칩니다.

collapses

기타 요소에 축소가 지정된 경우, 숨김과 같은 행동을 합니다.

initial이 속성을 기본 값으로 설정합니다.
inherit지정된 경우, 관련 요소는 부모 요소의 visibility 속성 값을 사용합니다.

브라우저 호환성

visibility 속성의 브라우저 호환성을 확인하려면 다음 표를 참조하십시오. 표에서의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다. 모든 주요 브라우저는 이 속성을 지원합니다.

  • 파이어폭스 1+

  • 구글 크롬1+

  • 인터넷 익스플로러 4+

  • 애플 사파리 1+

  • 오페라 4+

더 읽기

다음 튜토리얼을 참조하십시오:CSS可见성CSS 표시

관련 속성:display