CSS visibility プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

例

><h2> 要素を非表示にします：

h2 {
    visibility: hidden;
}
Try it Yourself ❯

他の "Try it Yourself" 例が下にあります。

定義と用法

visibility プロパティは、要素を表示するかどうかを指定します。

チップ: 非表示の要素でも、ページにスペースをとります。 スペースをとらない非表示の要素を作成するには、"display" プロパティを使用します!

デフォルト値： visible
継承： 継承する
アニメーション可否： 可。animatable を参照
バージョン： CSS2
JavaScript 構文： object.style.visibility="hidden" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
visibility 1.0 4.0 1.0 1.0 4.0

CSS 構文

visibility: visible|hidden|collapse|initial|inherit;

プロパティの値

値 説明 Play it
visible デフォルト値。要素を表示します Play it ❯
hidden 要素を非表示にします（しかし、スペースはとります） Play it ❯
collapse テーブル要素へのみ指定できます。collapse は、行または列を削除し、その分を詰めて表示します。

collapse を要素に使用した場合、"hidden" と同じ意味になります

 Play it ❯
initial プロパティにデフォルト値を設定します。initial を参照 Play it ❯
inherit このプロパティは親要素を継承します。inherit を参照
Examples

その他の例

例

この例は、テーブル要素を collapse にする方法のデモです：

tr.collapse {
    visibility: collapse;
}
Try it Yourself ❯

関連ページ

CSS チュートリアル： CSS Display and visibility

HTML DOM リファレンス：visibility プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯