32 lines
1.5 KiB
Markdown
32 lines
1.5 KiB
Markdown
---
|
||
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) |