visibility

CSSプロパティ「visibility」の解説とサンプル。

CSSレイアウト実践講座

CSSレイアウト実践講座について

運営者プロフィール

運営者ブログ*

お問い合わせ

visibility

ボックス内部を非表示にするプロパティ。

visibilityプロパティの値に「hidden」が指定されたボックスの内部が非表示になる。

ボックス自体は残ることになる。ボックスごと非表示にする場合は、displayを使用する。

hidden ボックス内部を非表示にする。
visible ボックス内部を表示する。
collapse テーブルの行や列に指定すると、その部分を詰めて表示する。

使用例

サンプル(A)

[CSSの記述]

.sampleA { visibility:hidden; }

[HTMLの記述]

<p>テキスト<span class="sampleA">テキスト</span>テキスト</p>

[ブラウザ上の表示]

テキストテキストテキストテキストテキスト