A propriedade visibility do CSS

Definição e uso

A propriedade visibility define se um elemento é visível.

Dica:Mesmo os elementos invisíveis ocupam espaço na página. Use a propriedade "display" para criar elementos invisíveis que não ocupam espaço na página.

Explicação

Esta propriedade especifica se um elemento deve exibir ou não a caixa gerada. Isso significa que o elemento ainda ocupa seu espaço original, mas pode ser completamente invisível. O valor collapse é usado na tabela para excluir colunas ou linhas do layout da tabela.

Veja também:

Tutorial CSS:Posicionamento CSS

Manual de referência do DOM HTML:Propriedade visibility

Exemplo

Tornar o elemento h2 invisível:

h2
  {
  visibility:invisível;
  }

Experimente você mesmo

Sintaxe do CSS

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

Valor da propriedade

Valor Descrição
visível Valor padrão. O elemento é visível.
invisível O elemento é invisível.
collapse Quando usado em elementos de tabela, este valor pode excluir uma linha ou uma coluna, mas não afetará o layout da tabela. O espaço ocupado pela linha ou coluna será deixado para outros conteúdos. Se este valor for usado em outros elementos, será exibido como "invisível".
inherit Definido para que a propriedade visibility seja herdada do elemento pai.

Detalhes técnicos

Valor padrão: visível
Herança: sim
Versão: CSS2
Sintaxe do JavaScript: object.style.visibility="invisível"

TIY Exemplo

Como tornar um elemento invisível
Este exemplo demonstra como tornar um elemento invisível. Você deseja que o elemento seja exibido ou não?
Defina o elemento da tabela como collapse
Este exemplo demonstra como fazer com que o elemento da tabela seja superposto?

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

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