La visibilità di un elemento in CSS può essere modificata utilizzando la proprietà “display” o la proprietà “visibility”.
1. Proprietà “display”: Questa proprietà determina come un elemento è visualizzato a livello di layout.
• “none”: L’elemento non sarà visibile e non occuperà alcuno spazio nel layout.
• “block”: L’elemento sarà visualizzato come un blocco di testo, occupando l’intera larghezza disponibile.
• “inline”: L’elemento sarà visualizzato in linea con il testo circostante, occupando solo lo spazio necessario.
• “inline-block”: L’elemento sarà visualizzato in linea con il testo circostante, ma sarà possibile definire larghezza e altezza.
Esempio di utilizzo:
```
div {
display: none;
}
```
1. Proprietà “visibility”: Questa proprietà non influisce sul layout, ma determina se l’elemento è visibile o meno.
• “hidden”: L’elemento non è visibile, ma occupa comunque spazio nel layout.
• “visible”: L’elemento è visibile.
Esempio di utilizzo:
```
div {
visibility: hidden;
}
```
Ricorda, tuttavia, che queste proprietà non cambiano la visibilità di un elemento rispetto ai motori di ricerca o agli screen reader, solo l’utente non sarà in grado di vedere l’elemento.
