極客書

CSS - Visibility

名爲visibility的屬性允許您從視圖中隱藏元素。您可以將此屬性與JavaScript一起用於創建非常複雜的菜單和非常複雜的網頁布局。

您可以選擇使用「可見性」屬性隱藏僅在用戶需要查看時才顯示的錯誤消息，或者在用戶選擇選項之前隱藏測驗的答案。

注意−請記住，原始碼仍將包含不可見段落中的內容，因此不應使用此選項隱藏敏感信息，如信用卡詳細信息或密碼。

visibility屬性可以採用下表中列出的值−

Sr.No. Value & Description
1

可見的

該框及其內容將顯示給用戶。
2

隱藏的

儘管框及其內容仍會影響頁面的布局，但它們將變爲不可見。
3

塌陷

這僅用於動態表列和行效果。

下面是一個例子;

Live Demo 
<html>
   <head>
   </head>

   <body>
      <p>
         This paragraph should be visible in normal way.
      </p>
   
      <p style = "visibility:hidden;">
         This paragraph should not be visible.
      </p>
   </body>
</html>

它將產生以下結果&負;