menu
menu

キーワード検索

visibility(ボックス)【CSSリファレンス】

  • CSS

visibility

こんにちは(・∀・)

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

概要

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



.sample {
	visibility: hidden;
}
適用要素

 すべての要素

指定できる値
visible
表示。
hidden
非表示、領域はあり。
初期値

 visible

サンプルデモ
ここの文字が → 消えます ← 非表示
HTML

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

.demo {
	visibility: hidden;
}
  • カテゴリー:CSS