CSS visibility eigenschap

Definitie en gebruik

De visibility-eigenschap specifies of een element zichtbaar is.

Tip:Zelfs onzichtbare elementen nemen ruimte in op de pagina. Gebruik de "display"-eigenschap om onzichtbare elementen te maken die geen ruimte innemen op de pagina.

Verklaring

Deze eigenschap specifies of een element de bokscontour die het genereert weergeeft. Dit betekent dat het element nog steeds zijn oorspronkelijke ruimte inneemt, maar volledig onzichtbaar kan zijn. De waarde collapse wordt in tabellen gebruikt om kolommen of rijen uit de tabelindeling te verwijderen.

Zie ook:

CSS handleiding:CSS positie

HTML DOM referentiemanual:Visibility-eigenschap

Voorbeeld

Maak het h2-element onzichtbaar:

h2
  {
  visibility:hidden;
  }

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
zichtbaar Standaardwaarde. Het element is zichtbaar.
hidden Het element is onzichtbaar.
collapse Wanneer deze waarde wordt gebruikt in tabel-elementen, kan een rij of kolom worden verwijderd, maar het beïnvloedt de lay-out van de tabel niet. De ruimte ingenomen door de rij of kolom wordt overgelaten aan andere inhoud. Als deze waarde wordt gebruikt op andere elementen, wordt het weergegeven als "hidden".
inherit Het wordt voorgesteld dat de waarde van de visibility-eigenschap van het ouderlijke element wordt overgenomen.

Technische details

Standaardwaarde: zichtbaar
Inheritantie: ja
Versie: CSS2
JavaScript syntaxis: object.style.visibility="hidden"

TIY voorbeeld

Hoe kun je een element onzichtbaar maken
Dit voorbeeld toont hoe je een element onzichtbaar kunt maken. Wil je dat het element wordt weergegeven, of niet?
Stel het tabel-element in op collapse
Dit voorbeeld toont hoe je tabel-elementen kunt overlappen?

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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