Diferença entre display:none et visibility:hidden

Os dois atributos do CSS "display:none" e "visibility:hidden" ocultam, todos os dois, a exibição de um elemento em CSS, no navegador.

No entanto, existe uma pequena nuance:

  • visibility: hidden torna o bloco em questão invisível. Porém, ele ainda mantém a sua localização e dos blocos adjacentes nos mesmos lugares.
  • display:none remove o bloco da exibição em curso. Assim, sua localização será ocupada, dependendo do caso, pelos blocos adjacentes, como se o bloco não estivesse lá!

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.
Este documento, intitulado 'Diferença entre display:none et visibility:hidden', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.

Assine nossa newsletter!

Assine nossa newsletter!
Junte-se à comunidade