ボックスの表示・非表示を指定する
visibility
{
visibility
visibilityプロパティは、ボックスの表示・非表示を指定します。非表示に設定したボックスは表示されないだけで、レイアウト上は存在します。ボックスを生成したくない場合は、displayプロパティの値としてnoneを指定します。
初期値 | visible |
---|---|
継承 | あり |
適用される要素 | すべての要素 |
モジュール | CSS basic box model |
値の指定方法
表示方法
visible | ボックスを表示します。 |
---|---|
hidden | ボックスの領域を確保したまま、ボックスの内容だけ非表示にします。 |
collapse | 表組みの行と列を非表示にします。それ以外の要素に指定した場合はhiddenと同様になります。 |
サンプルコード
CSS.glbal-navigation a img { visibility: hidden; }HTML
<div class="global-navigation"> <p>パソコン&スマホの使い方がわかる</p> <p><a href="http://dekiru.net/"><img src="image/dekiru.png" alt="できるネットのページです。"></a> </p> </div>