CSS visibility egenskab

Definisjon og bruk

Visibilitetsattributtet definerer om et element er synlig.

Tips:Selv om et usynlig element også tar opp plass på siden, bruk "display"-egenskapen for å lage usynlige elementer som ikke tar opp plass på siden.

Forklaring

Denne egenskapen bestemmer om en elementets elementboks skal vises. Dette betyr at elementet fortsatt tar opp sitt opprinnelige rom, men kan være helt usynlig. Verdien collapse brukes i tabeller for å fjerne kolonner eller rader fra tabellutforming.

Se også:

CSS kursus:CSS posisjonering

HTML DOM referansehåndbok:Visibilitetsattributtet

Eksempel

Gjør h2-elementet usynlig:

h2
  {
  visibility:hidden;
  }

Prøv selv

CSS syntaks

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

Egenskapsverdi

Verdi Beskrivelse
synlig Standardverdi. Elementet er synlig.
hidden Elementet er usynlig.
collapse Når brukt på tabelllementer, kan denne verdien slette en rad eller en kolonne, men den vil ikke påvirke tabellens layout. Rommet som raden eller kolonnen tar opp vil bli brukt av andre innhold. Hvis denne verdien brukes på andre elementer, vil den vises som "hidden".
inherit Detaljer som definerer at visibilitetsattributtet skal arves fra foreldreelementet.

Teknisk detalj

Standardverdi: synlig
Arvbarhet: ja
Versjon: CSS2
JavaScript syntaks: object.style.visibility="hidden"

TIY Eksempel

Hvordan gjør man et element usynlig
Dette eksempelet viser hvordan man gjør et element usynlig. Vil du at elementet skal vises, eller ikke?
Sett tabelllementene til collapse
Dette eksempelet viser hvordan man gjør at tabelllementene skal legges over hverandre?

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter denne egenskapen.

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