CSS/Eigenschaften/visibility

Die Eigenschaft visibility legt fest, ob ein Element sichtbar oder unsichtbar dargestellt wird. Ein unsichtbares Element hat dabei dieselben Auswirkungen auf nachfolgende Elemente wie ein sichtbares Element

Erlaubte Werte

• hidden = Der Inhalt des Element wird zunächst versteckt (nicht angezeigt)
• visible = Der Inhalt des Element wird zunächst angezeigt (Normaleinstellung)
• collapse = für Tabellenelemente, Platz wird benachbarten Elementen zur Verfügung gestellt, für Nicht-Tabellenelemente identisch zu hidden
• inherit = der visibility-Wert des Elternelements wird übernommen

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

auto

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

ja

Beispiel

.hidden         { 
  visibility: hidden; 
}
.hidden .inhalt { 
  visibility: visible; 
}

 

Siehe auch

• CSS/Tutorials/Sichtbarkeit_von_Elementen

Weblinks

• Spezifikation (W3C): visibility property