freeCodeCamp/guide/portuguese/css/properties/visibility-property/index.md

1.5 KiB
Raw Blame History

title localeTitle
Visibility Property 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