Diferença entre display:none et visibility:hidden

Julho 2017

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á!





Tradução feita por Lucia Maurity y Nouira

Veja também

Artigo original publicado por . Tradução feita por pintuda. Última modificação: 25 de fevereiro de 2011 às 15:22 por pintuda.
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.