visibility

Grazie a visibility puoi nascondere alla visualizzazione dell’utente un elemento. Diversamente da display:none;, però, visibility mantiene inalterato lo spazio occupato dall’elemento. Questo significa che se ci sono, ad esempio, elementi sopra e sotto all’elemento nascosto, la risultante sarà un bel buco! I possibili valori possono essere:

  • visible; impostazione predefinita, mostra l’elemento in modo naturale;

  • hidden; l’elmento è invisibile;

  • collapse; usato solo per le tabelle, rimuove le righe o colonne, ma mantiene inalterato il layout della tabella.

See the Pen oDJrc by Giovanni Buffa (@gioppy) on CodePen