【visibility】ボックスの表示・非表示

visibilityプロパティでボックスの表示設定をする

visibilityプロパティを使用すると、ボックスの表示・非表示を設定することができます。

visibilityプロパティには、下記のキーワードが指定できます。

• visible
• hidden
• collapse

visible

visibleはボックスを表示します。

visibilityプロパティでは、visibleが初期値になっています。

hidden

hiddenはボックスを非表示にします。

ボックスは非表示になりますが、ボックスの表示領域は確保されるので、レイアウトに影響します。

collapse

collapseはテーブルの行や列を非表示にします。

指定された列や行は詰めて表示されます。

ボックスの表示・非表示のまとめ

今回はボックスの表示・非表示についてまとめました。

ボックスを非表示にする意味はあまりないように思いますが、Javascriptで動的に表示、非表示を切り替える場合などに使うのでしょうか。

みいと

TwitterContact

興味を持ったものをいろいろと勉強しています。