>  기사  >  웹 프론트엔드  >  CSS 가시성 속성을 사용하는 방법

CSS 가시성 속성을 사용하는 방법

silencement
silencement원래의
2019-05-26 14:54:155100검색

CSS 가시성 속성을 사용하는 방법

visibility 속성 정의 및 사용

CSS에서는 가시성 속성을 사용하여 요소가 요소인지 여부를 정의합니다. 이 속성에 의해 정의된 표시되는 요소와 보이지 않는 요소도 페이지의 공간을 차지합니다. 페이지 공간을 차지하지 않는 보이지 않는 요소를 정의하려면 표시 속성(두 속성의 차이점: 표시 속성과 가시성 속성의 사용)을 사용할 수 있습니다.

visibility 속성 값

visible: 요소가 표시됩니다(기본값)

hidden: 요소가 표시됩니다. 보이지 않으며 숨김입니다

collapse: 테이블 요소에 사용하면 행이나 열이 삭제되고 다른 요소에 사용되면 테이블의 레이아웃에 영향을 주지 않습니다. 숨김과 동일합니다.# 🎜🎜#

inherit : 상위 요소에서 가시성 속성 값을 상속받습니다.

문법 형식:

visibility:visible / 숨김 / 축소 / 상속

1. 가시성: visible; 세부정보

visible: visible 속성 값으로 정의된 요소는 표시되며 기본 속성 값입니다.

2: visible:hidden;Details

hidden: 숨겨진 속성 값으로 정의된 요소는 보이지 않고 표시되지 않지만 요소는 여전히 원래 공간을 차지합니다.

3. visible:collapse;Details

collapse: 축소 속성 값은 다양한 효과를 갖도록 다양한 요소를 정의합니다.

테이블 요소에 사용되는 경우: 행이나 열이 삭제되며 테이블의 레이아웃에 영향을 주지 않습니다.

테이블이 아닌 요소에 사용되는 경우: 숨겨진 속성 값과 동일한 효과 ;

Four: visible:inherit;Details

inherit: 상속 속성 값으로 정의된 요소는 상위 요소의 가시성 속성 값을 상속합니다. 요소는 상위 요소의 가시성 속성 값입니다. 요소의 가시성 속성 값은 무엇입니까?

위 내용은 CSS 가시성 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.