CSS-可視性

可視性と呼ばれるプロパティを使用すると、要素を非表示にすることができます。このプロパティをJavaScriptと一緒に使用して、非常に複雑なメニューと非常に複雑なWebページレイアウトを作成できます。

可視性プロパティを使用して、ユーザーが表示する必要がある場合にのみ表示されるエラーメッセージを非表示にするか、ユーザーがオプションを選択するまでクイズへの回答を非表示にするかを選択できます。

NOTE −ソースコードには非表示の段落にあるものがすべて含まれているため、クレジットカードの詳細やパスワードなどの機密情報を非表示にするためにこれを使用しないでください。

可視性のプロパティは、以下の表に記載されている値を取ることができます-

シニア番号 値と説明
1

visible

ボックスとその内容がユーザーに表示されます。

2

hidden

ボックスとそのコンテンツは非表示になりますが、ページのレイアウトには影響します。

3

collapse

これは、動的なテーブルの列と行の効果でのみ使用されます。

ここに例があります-

<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>

次の結果が得られます-