visibility プロパティ
visibility プロパティは、エレメントの内容を表示、非表示に指定するプロパティです。
内容を非表示に指定しても、エレメントの領域は確保されます。エレメントの領域ごと非表示にするにはdisplay:none;を使用します。
visibility: hidden;
Exampleを参照してください
ページ内 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 プロパティの例です。
以下の一部が非表示なっていますが、領域が確保されているために空白になっています。