웹 프로그래밍 (30)- visibility

🔥오늘의 목표🔥

css에서 요소를 숨기는 방법에는 display나, visibility가 있다고 한다.

📕 visibility

• 요소를 어떻게 숨길 것인지 결정

visibility: visible | hidden | collapse | initial | inherit;

📒 속성값

• visible : 화면에 표시(기본값이다.)
• hidden : 화면에 표시되지 않음, 렌더링은 되며 화면에서 공간을 가지고 있다.
• collapse : 셀 간의 경계를 무시하고 숨김 (테이블 관련 요소에만 적용 가능)

📕 display: none과 차이점

• display: none : 요소가 렌더링 되지 않음(DOM에 존재하지 않음)
• visibility: hidden: 요소가 보이지는 않지만 렌더링 되며 화면에 공간을 가지고 있음(DOM에 존재함)