CSS visibility egenskap

Definition och användning

visibility-attributet specificerar om ett element är synligt.

Tips:Också osynliga element tar upp utrymme på sidan. Använd "display"-egenskapen för att skapa osynliga element som inte tar upp utrymme på sidan.

Förklaring

Denna egenskap specificerar om en elementgenererad elementram ska visas. Detta innebär att elementet fortfarande fyller ut sitt ursprungliga utrymme, men kan vara helt osynligt. Värdet collapse används i tabeller för att ta bort kolumner eller rader från tabelllayouten.

Se också:

CSS-tutorial:CSS-positionering

HTML DOM Referenshandbok:visibility-attributet

Exempel

Gör h2-elementet osynligt:

h2
  {
  visibility:hidden;
  }

Prova själv

CSS-syntax

visibility: visible|hidden|collapse|initial|ärvd;

Attributvärde

Värde Beskrivning
synlig Standardvärde. Elementet är synligt.
hidden Elementet är osynligt.
collapse När detta används i tabell元素, kan det ta bort en rad eller en kolumn, men det påverkar inte tabellens layout. Detta utrymme som tas upp av raden eller kolumnen lämnas till annan innehåll. Om detta värde används på andra element, kommer det att visa sig som "hidden".
ärvd Detta specificerar att visibility-attributets värde bör härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: synlig
Ärvnad: ja
Version: CSS2
JavaScript-syntax: object.style.visibility="hidden"

TIY-exempel

Hur gör man ett element osynligt
Detta exempel visar hur man gör ett element osynligt. Vill du att elementet ska visas eller inte?
Ställ in tabellinjektionen till collapse
Detta exempel visar hur man gör en tabellinjektion?

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder detta attribut.

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