display

La proprietà display stabilisce se e come un elemento debba essere mostrato. Vediamo un esempio:

p { display: block; }

La proprità in oggetto può essere utilizzata anche per rendere un dato elemento invisibile:

p { display: none; }

La proprietà display non dev'essere confusa con visibility, in quanto quest'ultima si limita a rendere invisibile un elemento che, tuttavia, mantiene occupato il suo ingombro all'interno della pagina.

La proprietà display può essere variamente valorizzata:

• none: l'elemento non viene mostrato;
• block: l'elemento viene mostrato come blocco, cioè con un ritorno a capo prima e dopo l'elemento stesso;
• inline: (valore di default) l'elemento viene mostrato senza ritorni a capo;
• list-item: l'elemento viene mostrato come un elemento di una lista;
• run-in: l'elemento viene incorporato e inserito all'inizio del blocco seguente;

Mozilla supporta anche una serie di valori che fanno riferimento alla possibilità di gestire il posizionamento come se si trattasse di elementi di una tabella:

• table
• table-cell
• table-row
• table-row-group
• table-column
• table-column-group
• table-header-group
• table-footer-group
• table-caption
• inline-table