> 웹 프론트엔드 > CSS 튜토리얼 > 가시성:숨김은 무엇을 의미하나요?

가시성:숨김은 무엇을 의미하나요?

hzc
풀어 주다: 2020-06-28 10:33:31
원래의
24707명이 탐색했습니다.

CSS에서 가시성 속성은 요소가 표시되는지 여부를 지정합니다. 여기서 보이는 것은 요소가 표시된다는 것을 의미하고, 숨겨진 것은 요소가 보이지 않는다는 것을 의미합니다. 모든 주류 브라우저는 가시성 속성을 지원하지만 모든 버전의 Internet Explorer에서는 지원되지 않습니다. [IE8 포함].

가시성:숨김은 무엇을 의미하나요?

CSS 가시성 속성은 요소가 표시되는지 여부를 지정합니다.

  • visible요소가 표시됩니다.

  • hidden 요소가 보이지 않습니다.

  • collapse 이 값을 테이블 요소에 사용하면 행이나 열을 삭제할 수 있지만 테이블 레이아웃에는 영향을 주지 않습니다. 행이나 열이 차지하는 공간을 다른 콘텐츠에 사용할 수 있습니다. 이 값이 다른 요소에 사용되면 "hidden"으로 렌더링됩니다. hidden"。

  • inherit 从父元素继承 visibility 属性的值。

你在 html 里面写的东西默认情况下就是属于 visibility:visible; 即元素可见。当某些情况下,你让元素不可见了:visibility:hidden; 再通过一些事件触发后让元素变成可见,就要用到这个visibility:visible; 。

display:none的区别,你理解是对的,display:none

inherit

상위 요소에서 visibility 속성 값을 상속받습니다. 🎜🎜🎜HTML로 작성한 내용은 기본적으로 visibility:visible에 속합니다. 즉, 요소가 표시됩니다. 특정 상황에서 요소를 보이지 않게 만드는 경우: visibility:hidden; 그런 다음 일부 이벤트를 트리거한 후 요소를 표시하려면 이 visibility:visible >을 사용해야 합니다. . 🎜🎜과 display:none의 차이점을 올바르게 이해하셨습니다. display:none; 이후에는 요소가 공간을 차지하지 않습니다. 🎜🎜추천 튜토리얼: "🎜css 튜토리얼🎜"🎜

위 내용은 가시성:숨김은 무엇을 의미하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿