Vlastnost display

Vlastnost display - nastavuje způsob zobrazení elementu prohlížečem.

Syntaxe

Hodnoty

Hodnota	Popis
block	Blokový element.
inline	Řádkový element.
inline-block	Řádkově-blokový element.
list-item	Element se stane položkou seznamu a před ním se objeví značka seznamu.
flex	Nastaví element jako blokový, a jeho potomci se stanou flex elementy.
inline-flex	Nastaví element jako řádkově-blokový, a jeho potomci se stanou flex elementy.
grid	Vytvoří element-síť.
none	Element úplně zmizí a všechny ostatní elementy se budou chovat tak, jako by tento element neexistoval.
table	Element se bude chovat jako tabulka.
table-cell	Element se bude chovat jako buňka tabulky.
inline-table	Element se bude chovat jako tabulka, ale zároveň je tabulka vloženým elementem a dochází k jejímu obtékání jinými elementy, například textem.
table-caption	Element se bude chovat jako tag caption.
table-column	Element se bude chovat jako sloupec tabulky.
table-row	Element se bude chovat jako řádek tabulky.
table-column-group	Element se bude chovat jako tag colgroup.
table-footer-group	Element se bude chovat jako tag tfoot.
table-header-group	Element se bude chovat jako tag thead.
table-row-group	Element se bude chovat jako tag tbody.
run-in	Nastaví element jako blokový nebo vložený v závislosti na kontextu.

Ve výchozím nastavení mohou mít elementy různé hodnoty display.