La proprietà Display specifica se e come deve essere visualizzato l'elemento a cui viene applicata.

I valori di questa proprietà hanno i seguenti significati:

block - Questo valore fa si che un elemento generi un riquadrato principale a blocco.

inline - Questo valore fa si che un elemento generi uno o più riquadrati in riga.

list-item - Questo valore fa si che un elemento (per esempio LI in HTML) generi un riquadrato principale a blocco ed un riquadrato in riga a voce di elenco [list-item].

marker - Questo valore dichiara che i contenuti generati prima o dopo un riquadrato siano indicatori [marker]. Questo valore dovrebbe essere usato solo con gli pseudo-elementi :before e :after inseriti negli elementi a livello di blocco. In altri casi, questo valore è interpretato come 'inline'.

none - Questo valore fa si che un elemento non generi riquadrati nella struttura di formattazione (ossia l'elemento non ha effetto sulla rappresentazione). Neppure gli elementi discendenti generano alcun riquadrato; questo comportamento non può essere sovrascritto impostando la proprietà 'display' per i discendenti. Si prega di notare che un valore di 'none' non crea un riquadrato invisibile; esso non crea alcun riquadrato.

Ecco alcuni esempi della proprietà 'display':
P { display: block }
LI { display: list-item }
IMG { display: none } /* Non visualizza l'immagine */

COMMENTI