CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSS可視性プロパティの使用

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

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

値
説明
表示
ボックスとその内容がユーザーに表示されます。
非表示
ボックスとそのコンテンツは非表示になりますが、ページのレイアウトには影響します。
折りたたみ
これは、動的なテーブルの列と行の効果でのみ使用されます。

例

次のコードを実行して、visibleの操作方法を学ぶことができます。 および非表示 値

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

  1. CSSパースペクティブプロパティの使用

    3D要素の表示方法に関するパースペクティブを指定するには、CSSパースペクティブプロパティを使用します。 次のコードを実行して、パースペクティブプロパティを操作できます。 例 <!DOCTYPE html> <html>    <head>       <style>          .demo1 {             position: relative;   &nb

  2. CSSbackface-visibilityプロパティ

    画面に面していないときに要素を表示するかどうかを決定するには、backface-visibilityプロパティを使用します 例 <!DOCTYPE html> <html>    <head>       <style>          .demo1 {             position: relative;