CSS

Cascading Style Sheets

visibility

• Table Of Contents

visibility とは？

visibilityプロパティは、ボックスの表示（visible）・非表示（hidden）を指定する際に使用します。

非表示にした場合にも、ボックス自体が無くなってしまうわけではなく、表示・非表示を切り替えてもページのレイアウトは変わりません。 ボックス自体を無くしてしまいたい場合には、displayプロパティで none を指定します。

テーブル（表）の行や列に visibility:collapse を指定した場合の表示は、ブラウザの種類やバージョンによって若干異なるので注意してください。

値

visible

ボックスを表示します。

hidden

ボックスを非表示にしますが、そこにあったスペースはそのまま残ります。display: none; と違い、レイアウトは変わりません。

collapse

テーブル（表）の行や列にこの値を指定すると、その部分を詰めて表示します。