CSS-skärm * typ av skärm

CSS-skärm

ärftlig: Nein

display block | inline | run-in
flow | flow-root | table | flex | grid | ruby | subgrid
lista-objekt | lista-objekt block | lista-objekt flöde | lista-objekt flöde-root | lista-objekt block flöde | lista-objekt block flöde-root | flödeslista-objekt block
tabell-rad-grupp | tabell-sidhuvud-grupp | tabell-cell | tabell-kolumn-grupp | tabell-kolumn | tabell-bildtext | ruby-base | Ruby-text | Ruby-base-container | Ruby-text-container
innehåll | ingen
inline-block | inline-list-objekt | inline-tabell | inline-Flex | inline-Grid
block stellt ein Element als blockelement oder – box, som skapar en radbrytning före och efter elementet. flex representerar ett element som ett blockelement och en flexbehållare. flow-root kan vara slutet på clearfix: efter ett block med display: flow-root måste nästa block gå till kanten, även om ett element med float:left eller float-right finns i detta block. grid skapar ett layoutnät där element kan placeras i vilken position som helst oavsett innehållets ordning (stöds av IE10, IE11 och Edge endast i en begränsad gammal syntax). inline-flex representerar ett element som ett inline-element och flexbehållare. inline är standard och representerar ett element som ett inline-element. Inline-element resulterar inte i en radbrytning före och efter elementet. Med andra ord visas elementet i samma rad. inline-block skapar en låda som ”flyter” inuti en inlinebox. inline-tabell representerar en tabell som ett inline-element eller en ruta som inte resulterar i en radbrytning före och efter tabellen. list-item representerar objektet som en lista. Varje element kan föregås av ett valfritt listobjekt som en fylld cirkel, som också kan ersättas med en bild, en ikon eller en symbol.
ett elegant alternativ till:: before marker tilldelar en markör till innehållet före eller efter ett lådelement. marker används tillsammans med pseudoelementen :efter och :före (display:marker för CSS-tricks) ingen undertrycker visning av element. Om display:ingen gäller måste webbläsaren ignorera alla positioneringsinstruktioner (både position och float) och genererar inte en ruta för elementet. run-in representerar elementet som ett block eller inline-element, beroende på sammanhanget. tabell representerar ett element som ett blockelement. tabelltext representerar ett element som en tabelltext. tabellcell representerar elementet som om det vore en tabellcell (TD). tabellkolumn representerar elementet som om det vore en tabellkolumn (col). tabell-kolumn-grupp representerar elementet som om det vore en grupp tabellkolumner (colgroup). tabell-sidfot-grupp representerar elementet som om det vore en grupp tabellfotnoter (tabellfotfot). table-header-group representerar elementet som om det vore en grupp tabellrubriker. tabellrad representerar elementet som om det vore en tabellrad (tabellrad). tabell-rad-grupp representerar elementet som om det vore en grupp tabellrader (tabellrad).