最終更新日

visibilityプロパティ

visibilityは、要素を非表示にするプロパティです。displayの値に「none」を指定した場合と異なり、visibilityによって非表示にした要素は、透明なボックスとして領域が確保されます。マウス操作やスクリプトにより、画像を表示したり隠したりといった利用が可能になります。

CSS3での変更点
特にありません
初期値 適用先 継承
visible すべての要素 あり
説明
visible 要素を表示します。(初期値
hidden 要素を非表示にします。レイアウト上の領域は確保されます。
collapse 表の行と列を非表示にします。それ以外の要素に指定した場合は「hidden」と同じになります。
サンプルコード
visibility: visible;
visibility: hidden;
visibility: collapse;
参考文献:CSS basic box model外部リンク
HOME