こんにちは（・∀・）

CSSプロパティのご紹介です。今回ご紹介するCSSプロパティはvisibilityです。

概要

visibilityプロパティを使用して要素の表示・非表示を指定します。要素の領域がなくなってしまう訳ではなく領域は存在したまま表示のみ非表示となります。

.sample {
  visibility: hidden;
}

適用要素

すべての要素

指定できる値

visible

表示

hidden

非表示・領域はあり

初期値

visible

サンプル

HTML

ここの文字が → <span class="demo">消えます</span> ← 非表示

CSS

.demo {
  visibility: hidden;
}

Result