Visualizzazione CSS * Tipo di visualizzazione

Visualizzazione CSS

Ereditaria: Nein

blocco | in linea | corsa
flusso | flow-root | tabella | flex | griglia | ruby | sottogriglia
list-item | list-item blocco | list-item flusso | elenco-flusso dell’elemento root | list-item blocco di flusso | list-item blocco di flusso-root | flusso list-item blocco
tabella-riga-gruppo | table-header-gruppo | tavolo-piè di pagina di gruppo | table-row | table-cell | tabella-colonna-gruppo | tabella-colonna | tabella-voce | ruby-base | ruby-testo | ruby-base-contenitore | ruby-testo-contenitore
content | none
inline-block | inline-list-item | inline-table | inline-flex | inline-griglia
blocco stellt ein Elemento als Blockelement oder – box, che crea un’interruzione di riga prima e dopo l’elemento. flex rappresenta un elemento come elemento di blocco e un contenitore flex. flow-root potrebbe essere la fine del clearfix: dopo un blocco con display: flow-root, il blocco successivo deve andare al bordo, anche se un elemento con float: left o float-right è in questo blocco. grid crea una griglia di layout in cui gli elementi possono essere posizionati in qualsiasi posizione indipendentemente dall’ordine del contenuto (supportato da IE10, IE11 e Edge solo in una vecchia sintassi limitata). inline-flex rappresenta un elemento come elemento in linea e contenitore flex. inline è l’impostazione predefinita e rappresenta un elemento come elemento inline. Gli elementi in linea non generano un’interruzione di riga prima e dopo l’elemento. In altre parole, l’elemento viene visualizzato nella stessa riga. inline-block crea una scatola che “scorre” all’interno di una inlinebox. inline-table rappresenta una tabella come un elemento o una casella in linea che non genera un’interruzione di riga prima e dopo la tabella. list-item rappresenta l’elemento come un elenco. Ogni elemento può essere preceduto da una voce di elenco opzionale come un cerchio pieno, che può anche essere sostituito da un’immagine, un’icona o un simbolo.
Un’elegante alternativa a ::before marker assegna un marker al contenuto prima o dopo un elemento box. marker è usato insieme agli pseudo-elementi: after e: before (display:marker per i trucchi CSS) nessuno sopprime la visualizzazione degli elementi. Se display: none si applica, il browser deve ignorare tutte le istruzioni di posizionamento (sia position che float) e non genera una casella per l’elemento. run-in rappresenta l’elemento come un blocco o un elemento in linea, a seconda del contesto. tabella rappresenta un elemento come un elemento di blocco. la didascalia della tabella rappresenta un elemento come didascalia della tabella. table-cell rappresenta l’elemento come se fosse una cella di tabella (td). table-column rappresenta l’elemento come se fosse una colonna della tabella (col). table-column-group rappresenta l’elemento come se fosse un gruppo di colonne della tabella (colgroup). table-footer-group rappresenta l’elemento come se fosse un gruppo di note a piè di pagina della tabella (table footer). table-header-group rappresenta l’elemento come se fosse un gruppo di intestazioni di tabella. table-row rappresenta l’elemento come se fosse una riga della tabella (table row). table-row-group rappresenta l’elemento come se fosse un gruppo di righe di tabella (table row).