CSS display * Typ wyświetlania
CSS display
dziedziczny: Nein
display block | inline | run-in
flow | Flow-root | table | flex | grid | ruby | subgrid
list-item | list-item block | list-item flow | list-item block flow | list-item block flow-root | flow-item block Flow
table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | Ruby-text | Ruby-base-container | Ruby-text-container
content | None
inline-block | inline-list-item | inline-table | inline-Flex | inline-grid
Block stellt ein Element als blockelement oder – pole, które tworzy podział linii przed i po elemencie. flex reprezentuje element jako element bloku i kontener flex. korzeń wątku może stać się końcem clearfix: po bloku z display: root wątku, następny blok powinien przejść do krawędzi, nawet jeśli element z float: left lub float-right znajduje się w tym bloku. grid tworzy siatkę układu, w której elementy można umieścić w dowolnym miejscu, bez względu na kolejność zawartości (IE10, IE11 i Edge są obsługiwane tylko w ograniczonej starej składni). wbudowany flex reprezentuje element w postaci wbudowanego elementu i elastycznego pojemnika. inline jest wartością domyślną i reprezentuje element jako element inline. Elementy wbudowane nie powodują podziału linii przed i po elemencie. Innymi słowy, element jest reprezentowany w tym samym wierszu. wbudowana jednostka tworzy pudełko, które „przepływa” wewnątrz wbudowanej szuflady. tabela osadzona przedstawia tabelę jako element osadzony lub pole, które nie powoduje podziału wierszy przed i po tabeli. list-item reprezentuje element jako listę. Każdy element może być poprzedzony opcjonalnym punktem listy, takim jak wypełniony okrąg, ale można go również zastąpić obrazem, ikoną lub ikoną.
elegancka alternatywa dla znacznika:: before przypisuje znacznik do zawartości przed lub po elemencie pudełka. znacznik jest używany wraz z pseudoelementami: after I: before (wyświetlacz:znacznik dla sztuczek CSS) none tłumi reprezentację elementów. Jeśli zostanie zastosowany display: none, przeglądarka powinna zignorować wszystkie instrukcje pozycjonowania (zarówno pozycję, jak i pływak) i nie wygenerować pola dla elementu. uruchomienie reprezentuje element jako blok lub element osadzony w zależności od kontekstu. table reprezentuje element jako element bloku. table-caption reprezentuje element jako etykietę tabeli (caption). table-cell reprezentuje element tak, jakby był komórką tabeli (td). table-column reprezentuje element tak, jakby był kolumną tabeli (col). table-column reprezentuje element tak, jakby był kolumną tabeli (col). table-column reprezentuje element tak, jakby był kolumną tabeli (col). table-column-group reprezentuje element tak, jakby był grupą kolumn tabeli (colgroup). table-footer-group reprezentuje element tak, jakby była to grupa przypisów tabeli (stopka tabeli). table-header-group reprezentuje element tak, jakby był grupą nagłówków tabel (nagłówków tabel). table-row reprezentuje element tak, jakby był wierszem tabeli (table row). table-row-group reprezentuje element tak, jakby był grupą wierszy tabeli (table row).