CSS - Visibilidade

Uma propriedade chamada visibilidade permite ocultar um elemento da vista. Você pode usar essa propriedade junto com o JavaScript para criar menus muito complexos e layouts de página da web muito complexos.

Você pode escolher usar a propriedade de visibilidade para ocultar mensagens de erro que são exibidas apenas se o usuário precisar vê-las, ou ocultar as respostas de um questionário até que o usuário selecione uma opção.

NOTE - Lembre-se de que o código-fonte ainda conterá o que quer que esteja no parágrafo invisível, então você não deve usar isso para ocultar informações confidenciais, como detalhes de cartão de crédito ou senhas.

A propriedade de visibilidade pode assumir os valores listados na tabela a seguir -

Sr. Não.	Valor e descrição
1	visible A caixa e seu conteúdo são mostrados ao usuário.
2	hidden A caixa e seu conteúdo ficam invisíveis, embora ainda afetem o layout da página.
3	collapse Isso deve ser usado apenas com colunas de tabela dinâmica e efeitos de linha.

Aqui está um exemplo -

<html>
   <head>
   </head>

   <body>
      <p>
         This paragraph should be visible in normal way.
      </p>
   
      <p style = "visibility:hidden;">
         This paragraph should not be visible.
      </p>
   </body>
</html>

Isso produzirá o seguinte resultado -

Next page ↱