요소를 숨기고 표시하는 CSS의 속성은 무엇입니까?

구현 속성은 다음과 같습니다. 1. 표시 속성, 값이 "없음"이면 요소가 숨겨지고, "블록"이면 요소가 표시됩니다. 2. 가시성 속성, 값이 "숨김"이면; , 요소는 숨겨지고 값이 "visible"이면 요소가 표시됩니다. 3. 오버플로 속성 4. 불투명도 속성.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

요소 표시 및 숨기기

Essence: 페이지에서 요소를 숨기거나 표시합니다.

css는 요소의 숨김 및 표시 속성을 실현할 수 있습니다

1: 표시 속성

• display: none Hidden objectdisplay: none; 隐藏对象

• display: block;除了转换为块级元素之外，还有显示元素的意思

注意：display隐藏元素之后，不再占有原来的位置

2.visibility属性

• visibility: visible;  元素可视

• visibility: hidden;   元素隐藏

注意：visibility隐藏元素后，继续占有原来的位置

3.overflow属性（溢出内容的显示与隐藏）

overflow: visible | hidden | scroll | auto

1、属性值具体说明见下表：

属性值	说明
visible	不剪切内容，也不添加滚动条
hidden	隐藏超出的部分
scroll	不管内容是否超出，都显示滚动条
auto	只有内容超出时才显示滚动条，不超出则不显示

4、opacity属性

• opacity: 0; 隐藏元素

• opacity: 1;

display: block ;블록 수준 요소로 변환하는 것 외에도 요소 표시를 의미하기도 합니다

참고: 숨겨진 요소를 표시한 후에는 더 이상 원래 위치를 차지하지 않습니다

2.visibility 속성

🎜🎜 🎜🎜visibility: visible; 요소가 표시됩니다🎜🎜🎜🎜visibility: hide; 요소가 숨겨집니다🎜🎜🎜🎜참고: 가시성이 요소를 숨긴 후에도 계속됩니다. 원래 위치를 차지합니다🎜🎜🎜3 .overflow 속성(오버플로 콘텐츠 표시 및 숨기기) 🎜🎜rrreee🎜1 속성 값에 대한 자세한 설명은 다음 표를 참조하세요. 🎜

속성 값	설명
visible	내용을 자르거나 스크롤 막대를 추가하지 마세요
숨김	초과 숨기기 td>
스크롤	내용이 초과하는지 여부에 관계없이 스크롤 막대 표시 td>
auto	스크롤바는 내용이 초과할 때만 표시되고, 그렇지 않으면 표시되지 않습니다

🎜🎜4. 불투명도 속성🎜🎜🎜🎜🎜불투명도: 0; 숨겨진 요소🎜🎜🎜🎜불투명도: 1; 표시 요소🎜🎜🎜🎜불투명 속성의 의미 객체의 불투명도를 검색하거나 설정합니다. 투명도가 0이면 시각적으로 사라지지만 여전히 해당 위치를 차지하고 웹 페이지의 레이아웃에 영향을 줍니다. 🎜🎜참고: 불투명도 속성이 추가된 요소의 경우 배경과 요소 콘텐츠도 이에 따라 변경됩니다. 🎜🎜(학습 영상 공유: 🎜css 영상 튜토리얼🎜)🎜

위 내용은 요소를 숨기고 표시하는 CSS의 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!