CSS display * type display

CSS display

erfelijk: Nein

scherm blokkeren | inline | run-in
stroom | stroom-root | tabel | flex | grid | ruby | subgrid
list-item | lijst-item blok | lijst-item flow | lijst-item flow-root | lijst-item blok flow | lijst-item blok flow-root | flow-lijst-item blok
tabel-rij-groep | table-header-groep | table-footer-groep | tabel-rij | tabel-cel | tabel-kolom-groep | tabel-kolom | table-caption | ruby-base | ruby-tekst | ruby-base-container | ruby-tekst-container
inhoud | geen
inline-block | inline-list-item | inline-table | inline-flex | inline-grid
blok stellt ein Element als Blockelement oder – box, die een regelafbreking creëert voor en na het element. flex vertegenwoordigt een element als blokelement en een flex container. flow-root zou het einde van de clearfix kunnen zijn: na een blok met display:flow-root, moet het volgende blok naar de rand gaan, zelfs als een element met float: left of float-right in dit blok zit. grid creëert een lay-out raster waarin elementen in elke positie kunnen worden geplaatst, ongeacht de volgorde van de inhoud (ondersteund door IE10, IE11 en Edge alleen in een beperkte oude syntaxis). inline-flex vertegenwoordigt een element als inline element en flex container. inline is de standaard en vertegenwoordigt een element als een inline element. Inline elementen resulteren niet in een regelafbreking voor en na het element. Met andere woorden, het element wordt weergegeven in dezelfde regel. inline-block maakt een box die “stroomt” in een inlinebox. inline-table vertegenwoordigt een tabel als een inline element of kader dat niet resulteert in een regelafbreking voor en na de tabel. lijst-item vertegenwoordigt het item als een lijst. Elk element kan worden voorafgegaan door een optioneel lijstitem, zoals een gevulde cirkel, die ook kan worden vervangen door een afbeelding, een pictogram of symbool.
Een elegant alternatief voor:: before marker kent een marker toe aan de inhoud voor of na een kaderelement. marker wordt gebruikt samen met de pseudo-elementen :after En :before (display:marker voor CSS trucs) geen onderdrukt de weergave van elementen. Als display: none van toepassing is, moet de browser alle positioneringsinstructies (zowel positie als float) negeren en genereert hij geen kader voor het element. run-in vertegenwoordigt het element als een blok of inline element, afhankelijk van de context. tabel vertegenwoordigt een element als een blokelement. tabeltitel vertegenwoordigt een element als tabeltitel. table-cell vertegenwoordigt het element alsof het een table cell (td). tabel-kolom vertegenwoordigt het element alsof het een tabel kolom (col). table-column-group vertegenwoordigt het element alsof het een groep van tabelkolommen (colgroup). table-footer-group vertegenwoordigt het element alsof het een groep tabelvoetnoten (table footer). table-header-group vertegenwoordigt het element alsof het een groep table headers is. table-row vertegenwoordigt het element alsof het een tabelrij (tabelrij). table-row-group vertegenwoordigt het element alsof het een groep van tabelrijen (tabelrij).