visibilityは、要素を表示するか否かを指定するスタイルシート属性である。

書式

visibility: visibility;

visibility
表示するか否かを以下の値の中から指定します。
意味
visible表示する(規定値)
hidden要素及びその子孫の要素を表示しない。要素があるスペースには余白が生じる。
inherit継承

visibility:hiddenは要素を表示しないが、余白が生まれる。余白も無くしたい場合は、display:noneを使用する。

対応状況

Webブラウザ対応状況
Internet Explorer 6.0
FireFox 3.0
Google Chrome 1.0
Opera 9.62
Safari 3.2

スタイルシート属性visibilityを使用したHTMLの例と表示サンプルを次に示します。表示結果はブラウザによって異なることがあります。

Here is <span style="visibility: visible">visible</span> element.

Here is visible element.

Here is <span style="visibility: hidden">hidden</span> element.

Here is hidden element.