Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade de visibilidade especifica se ou não um elemento é visível.
Tip: Mesmo elementos invisíveis ocupam espaço na página. Use a exibição de propriedade para criar elementos invisíveis que não ocupam espaço!
| Valor padrão: | visible |
|---|---|
| Herdado: | yes |
| Animatable: | yes. Read about animatable |
| Versão: | CSS2 |
| sintaxe JavaScript: | object .style.visibility="hidden" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS Syntax
visibility: visible|hidden|collapse|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| visible | Valor padrão. O elemento é visível | Jogue " |
| hidden | O elemento é invisível (but still takes up space) | Jogue " |
| collapse | Apenas para os elementos da tabela. colapso remove uma linha ou coluna, mas não afeta o layout da tabela. O espaço ocupado pela linha ou coluna estará disponível para outros conteúdos. Se o colapso é usado em outros elementos, ele processa como "hidden" | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
mais Exemplos
Exemplo
Este exemplo demonstra como fazer um colapso do elemento de tabela:
tr.collapse {
visibility: collapse;
} Tente você mesmo " Páginas relacionadas
Tutorial CSS: CSS de exibição e visibilidade
Referência HTML DOM: visibility property