CSS visibility Eigenschaft

Definition und Verwendung

Die visibility-Eigenschaft legt fest, ob ein Element sichtbar ist.

Tipp:Selbst wenn ein unsichtbares Element den Raum auf der Seite einnimmt. Verwenden Sie das "display"-Attribut, um unsichtbare Elemente zu erstellen, die keinen Raum auf der Seite einnehmen.

Erklärung

Diese Eigenschaft legt fest, ob ein durch ein Element generierter Rahmen angezeigt wird. Dies bedeutet, dass das Element immer noch seinen ursprünglichen Raum einnimmt, aber vollständig unsichtbar sein kann. Der Wert collapse wird in Tabellen verwendet, um Spalten oder Zeilen aus dem Tabellenlayout zu löschen.

Weitere Informationen siehe:

CSS-Tutorial:CSS-Positionierung

HTML DOM Referenzhandbuch:visibility-Eigenschaft

Beispiel

Machen Sie das h2-Element unsichtbar:

h2
  {
  visibility:hidden;
  }

Versuchen Sie es selbst

CSS Syntax

visibility: visible|hidden|collapse|initial|inherit;

Eigenschaftswert

Wert Beschreibung
visible Standardwert. Das Element ist sichtbar.
hidden Das Element ist unsichtbar.
collapse Wenn dieses Wert in einem Tabellenlement verwendet wird, kann eine Zeile oder eine Spalte gelöscht werden, aber es beeinflusst nicht das Layout der Tabelle. Der von der Zeile oder Spalte belegte Raum bleibt für andere Inhalte frei. Wenn dieser Wert auf anderen Elementen verwendet wird, wird er als "hidden" dargestellt.
inherit Es wird festgelegt, dass der Wert der Eigenschaft visibility von dem übergeordneten Element geerbt wird.

Technische Details

Standardwert: visible
Vererbbarkeit: yes
Version: CSS2
JavaScript Syntax: object.style.visibility="hidden"

TIY Beispiel

Wie macht man ein Element unsichtbar
Dieses Beispiel zeigt, wie man ein Element unsichtbar macht. Möchten Sie, dass das Element angezeigt wird, oder nicht?
Setzen Sie das Tabellenlement auf collapse
Dieses Beispiel zeigt, wie man Tabellenelemente übereinanderlegen kann?

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die diese Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0