CSS - Sichtbarkeitseigenschaft
Beispiel
<h2>-Elemente sichtbar und unsichtbar machen:
h2.a {
visibility: visible;
}
h2.b {
visibility: hidden;
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die visibility
Eigenschaft gibt an, ob ein Element sichtbar ist oder nicht.
Tipp: Ausgeblendete Elemente nehmen Platz auf der Seite ein. Verwenden Sie die Anzeigeeigenschaft , um ein Element sowohl auszublenden als auch aus dem Dokumentlayout zu entfernen!
Standardwert: | sichtbar |
---|---|
Vererbt: | ja |
Animierbar: | ja. Lesen Sie mehr über animierbare |
Ausführung: | CSS2 |
JavaScript-Syntax: | Objekt .style.visibility="versteckt" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS-Syntax
visibility: visible|hidden|collapse|initial|inherit;
Eigenschaftswerte
Value | Description | Play it |
---|---|---|
visible | Default value. The element is visible | |
hidden | The element is hidden (but still takes up space) | |
collapse | Only for table rows (<tr>), row groups (<tbody>), columns (<col>),
column groups (<colgroup>). This value removes a row or column,
but it does not affect the table layout. The space taken up by the row or column
will be available for other content. If collapse is used on other elements, it renders as "hidden" |
|
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Mehr Beispiele
Beispiel
Dieses Beispiel zeigt, wie ein Tabellenelement zusammengeklappt wird:
tr.collapse {
visibility: collapse;
}
Verwandte Seiten
CSS-Tutorial: CSS-Anzeige und -Sichtbarkeit
HTML-DOM-Referenz: Sichtbarkeitseigenschaft