English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
A propriedade visibility especifica se um elemento é visível ou não.
A tabela a seguir fornece explicação de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.
| Valor padrão: | visible |
|---|---|
| Aplicável a: | Todos os elementos |
| Herança: | Sim |
| Animável: | É.Por favor, consulte Atributos de animação。 |
| Versão: | CSS 2、3 |
| Sintaxe JavaScript: | object.style.visibility="hidden" |
A sintaxe dessa propriedade é a seguinte:
visibility: visible | hidden | collapse | initial | inherit
O exemplo a seguir demonstra como usar o atributo visibility.
p {
visibility: hidden;
}
div {
visibility: hidden;
}Teste e veja‹/›A tabela a seguir descreve os valores dessa propriedade.
| Valor | Descrição |
|---|---|
| visible | A caixa e seu conteúdo são visíveis. Este é o valor padrão. |
| hidden | A caixa e seu conteúdo são invisíveis, mas ainda afetam o layout da página. |
| collapse | Apenas aplicável a alguns objetos internos de tabela: linhas, grupos de linhas, colunas e grupos de colunas. Ele remove o objeto, mas não afeta de outra forma o layout da tabela. O espaço ocupado pelo objeto de tabela será preenchido pelos objetos同级 subsequentes. Se outro elemento especificar a dobra, seu comportamento é o mesmo que ocultar. |
| initial | Defina essa propriedade como seu valor padrão. |
| inherit | Se especificado, o elemento relacionado adota o valor do atributo visibility do elemento pai. |
Compatibilidade do atributo visibility do navegador, os números na tabela a seguir representam a versão mais baixa do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.
|
Por favor, consulte as seguintes instruções:Visibilidade do CSS，Exibição do CSS。
Atributos relacionados:display。