CSS基礎 練習問題 40：非表示（領域保持）
要素を画面上で見えなくする際、要素の領域（レイアウト上のスペース）はそのまま残しておきたい場合、正しいCSSの記述はどれか。
- visibility: hidden;
- display: invisible;
- opacity: hidden;
- visibility: none;
- display: hidden;
正解と解説を見る
正解：visibility: hidden;
レイアウト上のスペースを残したまま要素を見えなくするには「visibility: hidden;」を使います。
【正解の理由】
`visibility`プロパティに`hidden`を指定すると、要素は透明になって見えなくなりますが、その要素が占めていた領域（幅や高さなどのスペース）はそのまま確保された状態になります。
【不正解の理由】
• 「display: invisible;」という値は存在しない
• 「opacity: hidden;」は透明度（opacity）の値として間違っており、正しくは数値（0など）を指定する
• 「visibility: none;」という値は存在しない。正しくは`hidden`である
• 「display: hidden;」という値は存在しない。領域ごと消す場合は`display: none;`を使う