---
title: Visibility Property
localeTitle: Propriedade de visibilidade
---
## Propriedade de visibilidade

A propriedade de visibilidade pode ser usada para controlar a visibilidade de qualquer elemento. O valor padrão é `visibility: visible;`

#### Valores possíveis:

A propriedade de visibilidade pode ter 5 valores possíveis.

1.  `visible` : é o valor padrão que mostra um elemento.
2.  `hidden` : Esse valor oculta um elemento, mas preserva o layout ou o espaço ocupado pelo elemento.
3.  `collapse` : esses valores são semelhantes aos ocultos, mas são aplicáveis ​​às linhas ou colunas da tabela. Esconde o conteúdo da linha ou coluna.
4.  `initial` : define a propriedade para seu valor padrão (visível).
5.  `inherit` : herda o valor da propriedade daquele de seu elemento pai.

#### Semelhanças e diferenças com outras propriedades:

1.  opacidade: A diferença entre propriedade de `visibility` e propriedade de `opacity` , é a opacidade pode ser usada para desvanecer e elemento. `visibility: hidden;` e `opacity: 0;` tem efeito semelhante em um elemento.
    
2.  display: A única diferença entre visibilidade: oculto; e exibir: nenhum; é que, o último remove o layout ou espaço ocupado pelo elemento também.
    

#### Compatibilidade do Navegador:

Esta é uma propriedade CSS2 e é compatível com todos os principais navegadores.

#### Mais Informações:

[Visibilidade CSS - w3school](https://www.w3schools.com/cssref/pr_class_visibility.asp)