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)
|