요소 숨기기1 [CSS]요소 숨기기 CSS 요소 숨기기 CSS 설정으로 요소들을 숨길 수 있습니다. 오늘은 요소 숨기는 방법 다섯 가지에 대해 알아보겠습니다. 01. display : none; 화면상에서 해당 콘텐츠가 안 보이게 되면서 해당 콘텐츠가 가지고 있던 영역 또한 사라지게 됩니다. 애니메이션도 불가하며, 스크린리더기에서 내용을 읽지 못합니다. .box { display: none; } 02. opacity : 0; 요소의 불투명도를 설정합니다. 불투명도는 요소 뒤쪽 콘텐츠가 숨겨지는 정도로, 투명도의 반대입니다. 애니메이션 작동 가능하며, 영역도 남아있습니다. 스크린리더기에서 내용을 읽을 수 있습니다. .box { opacity : 0; } 03. visibility : hidden; 문서의 레이아웃을 변경하지 않고 요소를 숨깁.. 2022. 8. 25. 이전 1 다음 728x90
