Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Sichtbarkeit Eigenschaft gibt, ob ein Element sichtbar ist.
Tip: Auch unsichtbare Elemente nehmen Platz auf der Seite. Verwenden Sie die Display - Eigenschaft auf unsichtbare Elemente erstellen , die Platz nehmen nicht!
| Standardwert: | visible |
|---|---|
| Vererbt: | yes |
| Anima: | yes. Read about animatable |
| Version: | CSS2 |
| JavaScript-Syntax: | object .style.visibility="hidden" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS-Syntax
visibility: visible|hidden|collapse|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| visible | Standardwert. Das Element sichtbar ist | Spiel es " |
| hidden | Das Element ist unsichtbar (but still takes up space) | Spiel es " |
| collapse | Nur für Tabellenelemente. Zusammenbruch entfernt eine Zeile oder Spalte, aber es ist nicht das Tabellenlayout beeinflussen. Der Raum, der von der Zeile oder Spalte aufgenommen wird für andere Inhalte zur Verfügung stehen. Wenn Zusammenbruch auf andere Elemente verwendet wird, macht es als "hidden" | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Mehr Beispiele
Beispiel
Dieses Beispiel zeigt, wie ein Tabellenelement Einsturz zu bringen:
tr.collapse {
visibility: collapse;
} Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS - Anzeige und Sichtbarkeit
HTML - DOM - Referenz: visibility property