HTML and CSS Reference
In-Depth Information
Figura 5.12
- L'elemento contenitore ha il bordo più scuro. Il primo e il secondo elemento
vengono disposti inline. Il terzo elemento supera il bordo del contenitore, quindi viene di-
sposto al di sotto degli elementi precedenti.
L'impostazione
inline-block
è molto versatile e in futuro sostituirà l'utilizzo di
float
che finora è stato l'unico parametro che ha permesso di disporre consecutivamente
elementi renderizzati in blocco. Passiamo ora all'ultima modalità di renderizzazione:
no-
ne
.
none
Un elemento che ha la proprietà CSS
display
impostata su
none
non viene renderizzato
sul browser ed è quindi invisibile all'utente. La differenza tra
display
valorizzato con
none
e
visibility
valorizzato con
hidden
è che nel primo caso l'elemento non vie-
ne renderizzato, quindi non occupa alcuno spazio sulla pagina.
Per esempio, se abbiamo tre elementi
span
uno dietro l'altro e il secondo ha la pro-
prietà CSS
display
impostata a
none
, il primo e il terzo elemento vengono visualizzati
uno a fianco all'altro, in quanto il secondo non occupa spazio nella pagina. Questo esempio
è chiaramente visibile nella
figura 5.13
.
Figura 5.13
- L'elemento con
display
a
none
non occupa spazio nella pagina.
Con quest'ultima modalità di visualizzazione abbiamo esaurito l'argomento relativo alla
modalità di renderizzazione degli elementi, quindi possiamo passare al prossimo argomen-
to che riguarda la gestione del cursore.
Il cursore non è solamente il puntatore sul monitor che muoviamo attraverso il mouse.
Spesso, il cursore è anche un veicolo di informazioni sullo stato della pagina. Per esempio,
molte
applicazioni
renderizzano
il
cursore
come
una
clessidra
quando
è
in
corso
