visibility プロパティ
visibility プロパティは、エレメントの表示、非表示を指定するプロパティです。
エレメントを非表示に指定しても、エレメントの領域は確保されます。エレメントの領域ごと非表示にするにはdisplay:none;を使用します。
visibility: hidden;
Exampleを参照してください
CSS ではなくエレメントのプロパティですが、HTMLElement.hidden = true; でも非表示にできます。ただし、CSS の visibility プロパティと共通ではなく互換性はありません。
ページ内 Index
構文(Syntax)
CSS
visibility: visible | hidden | collapse | initial | inherit;
DOM ( JavaScript )
String = object.style.visibility;
object.style.visibility="visible | hidden | collapse | initial | inherit";
値（Values）
| Value | 摘要 |
|---|---|
| visible | 初期値（default値）、表示 |
| hidden | 非表示に |
| collapse | テーブルで使用。データのない部分を非表示に。 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | visible |
| 継承（Inherited） | Yes |
| CSS Animation | Yes |
Example
visibility プロパティの例です。
以下の一部が非表示なっていますが、領域が確保されているために空白になっています。