visibility 속성 정의 및 사용
CSS에서는 가시성 속성을 사용하여 요소가 요소인지 여부를 정의합니다. 이 속성에 의해 정의된 표시되는 요소와 보이지 않는 요소도 페이지의 공간을 차지합니다. 페이지 공간을 차지하지 않는 보이지 않는 요소를 정의하려면 표시 속성(두 속성의 차이점: 표시 속성과 가시성 속성의 사용)을 사용할 수 있습니다.
visibility 속성 값
visible: 요소가 표시됩니다(기본값)
hidden: 요소가 표시됩니다. 보이지 않으며 숨김입니다
collapse: 테이블 요소에 사용하면 행이나 열이 삭제되고 다른 요소에 사용되면 테이블의 레이아웃에 영향을 주지 않습니다. 숨김과 동일합니다.# 🎜🎜#
inherit : 상위 요소에서 가시성 속성 값을 상속받습니다.문법 형식:
visibility:visible / 숨김 / 축소 / 상속 1. 가시성: visible; 세부정보visible: visible 속성 값으로 정의된 요소는 표시되며 기본 속성 값입니다. 2: visible:hidden;Detailshidden: 숨겨진 속성 값으로 정의된 요소는 보이지 않고 표시되지 않지만 요소는 여전히 원래 공간을 차지합니다. 3. visible:collapse;Detailscollapse: 축소 속성 값은 다양한 효과를 갖도록 다양한 요소를 정의합니다. 테이블 요소에 사용되는 경우: 행이나 열이 삭제되며 테이블의 레이아웃에 영향을 주지 않습니다. 테이블이 아닌 요소에 사용되는 경우: 숨겨진 속성 값과 동일한 효과 ;Four: visible:inherit;Detailsinherit: 상속 속성 값으로 정의된 요소는 상위 요소의 가시성 속성 값을 상속합니다. 요소는 상위 요소의 가시성 속성 값입니다. 요소의 가시성 속성 값은 무엇입니까?위 내용은 CSS 가시성 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!