가시성이라는 속성 보기에서 요소를 숨길 수 있습니다. JavaScript와 함께 이 속성을 사용하여 매우 복잡한 메뉴와 매우 복잡한 웹페이지 레이아웃을 만들 수 있습니다.
가시성 속성은 다음 표에 나열된 값을 사용할 수 있습니다.
| 값 | 설명 |
|---|---|
| 보임 | 상자와 내용물이 사용자에게 표시됩니다. |
| 숨김 | 상자와 그 내용은 여전히 페이지 레이아웃에 영향을 미치긴 하지만 보이지 않게 됩니다. |
| 접기 | 동적 테이블 열 및 행 효과에만 사용할 수 있습니다. |
예시
다음 코드를 실행하여 보이는 작업 방법을 배울 수 있습니다. 그리고 숨김 가치
<html>
<head>
<style>
p {
visibility: hidden;
}
</style>
</head>
<body>
<p style = "visibility:visible;">
This paragraph is visible.
</p>
<p>
This paragraph won't be visible.
</p>
</body>
</html>