CSS-可視性

_visibility_というプロパティを使用すると、ビューから要素を非表示にできます。このプロパティとJavaScriptを使用して、非常に複雑なメニューと非常に複雑なWebページレイアウトを作成できます。

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

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

_visibility_プロパティは、次の表にリストされている値を取ることができます-

Sr.No.

Value & Description

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>

それは次の結果を生成します-

Css-visibility

CSS-可視性