visibility

(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)

Die Eigenschaft visibility beschreibt, ob ein Element auf einer Seite sichtbar ist. Ein mit dieser Eigenschaft ausgeblendetes Element wird zwar nicht angezeigt, nimmt aber weiterhin seinen Platz im Layout der Seite ein. Um ein Element auch darin auszublenden, muss seine Eigenschaft display auf none gestellt werden.

Vererbt: ja

Siehe auch: display

Werte

Die Eigenschaft visibility akzeptiert die folgenden Konstanten:

• collapse: Wird diese Einstellung in Tabellen für eine Zeile (tr), Zeilengruppe (thead, tbody, tfoot), Spalte (col) oder Spaltengruppen (colgroup) deklariert, werden diese ausgeblendet und die Tabelle entsprechend verkleinert. Für andere Elemente wirkt diese Einstellung wie hidden.
• hidden: Das Element ist unsichtbar, behält aber seinen Platz innerhalb des Layouts bei.
• visible: Das Element wird sichtbar dargestellt.

Standardwert: visible

Kompatibilität

CSS-Version: 2

Funktioniert in allen aktuellen Browsern, die Konstante collapse wird aber von keinem aktuellen Browser unterstützt.

Netscape 4 unterstützt visibility nur für Elemente, deren position mit absolute oder relative deklariert ist.

Beispiel

Folgende Stilregel blendet Elemente der Klasse aktiv aus. Mit DHTML können sie in Abhängigkeit von Aktionen des Benutzers wieder sichtbar gemacht werden, was einen schönen interaktiven Effekt ergibt.