CSS - Visibilità

Una proprietà chiamata visibilità consente di nascondere un elemento alla vista. È possibile utilizzare questa proprietà insieme a JavaScript per creare menu molto complessi e layout di pagine Web molto complessi.

Puoi scegliere di utilizzare la proprietà di visibilità per nascondere i messaggi di errore che vengono visualizzati solo se l'utente ha bisogno di vederli o per nascondere le risposte a un quiz finché l'utente non seleziona un'opzione.

NOTE - Ricorda che il codice sorgente conterrà ancora tutto ciò che è nel paragrafo invisibile, quindi non dovresti usarlo per nascondere informazioni sensibili come i dettagli della carta di credito o le password.

La proprietà visibilità può assumere i valori elencati nella tabella che segue:

Sr.No. Valore e descrizione
1

visible

La scatola e il suo contenuto vengono mostrati all'utente.
2

hidden

La scatola e il suo contenuto vengono resi invisibili, sebbene influenzino comunque il layout della pagina.
3

collapse

Può essere utilizzato solo con colonne di tabelle dinamiche ed effetti di riga.

Ecco un esempio:

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

Produrrà il seguente risultato: