CSSControllo del layout


Sintassi

  • display: nessuno | inline | blocco | lista-elemento | elemento della lista inline | blocco in linea | tavolo in linea | tabella | cella-tabella | tabella-colonna | gruppo-colonna-tabella | tabella-footer-group | tabella-intestazione-gruppo | table-row | gruppo di righe della tabella | flex | inline-flex | griglia | griglia in linea | run-in | rubino | rubino-base | rubino-testo | contenitore-rubino-base | contenitore-testo-rubino | contenuto;

Parametri

Valore Effetto
none Nascondi l'elemento e impediscilo di occupare spazio.
block Elemento di blocco, occupa il 100% della larghezza disponibile, rompi dopo elemento.
inline Elemento in linea, non occupa larghezza, nessuna interruzione dopo elemento.
inline-block Assunzione di proprietà speciali da elementi sia in linea che a blocchi, nessuna interruzione, ma può avere larghezza.
inline-flex Visualizza un elemento come un contenitore flessibile a livello di linea.
inline-table L'elemento viene visualizzato come una tabella a livello in linea.
grid Si comporta come un elemento di blocco e ne espone il contenuto in base al modello di griglia.
flex Si comporta come un elemento di blocco e presenta il suo contenuto secondo il modello di flexbox.
inherit Eredita il valore dall'elemento genitore.
initial Reimposta il valore sul valore predefinito preso dai comportamenti descritti nelle specifiche HTML o dal foglio di stile predefinito browser / utente.
table Si comporta come l'elemento table HTML.
table-cell Lascia che l'elemento si comporti come un elemento <td>
table-column Lascia che l'elemento si comporti come un elemento <col>
table-row Lascia che l'elemento si comporti come un elemento <tr>
list-item Lascia che l'elemento si comporti come un elemento <li> .

Controllo del layout Esempi correlati