Właściwość display

Właściwość display - określa sposób wyświetlania elementu przez przeglądarkę.

Składnia

Wartości

Wartość	Opis
block	Element blokowy.
inline	Element liniowy (inline).
inline-block	Element liniowo-blokowy (inline-block).
list-item	Element stanie się elementem listy i przed nim pojawi się znacznik listy.
flex	Ustawia element jako blokowy, a jego elementy potomne staną się elementami flex.
inline-flex	Ustawia element jako liniowo-blokowy, a jego elementy potomne staną się elementami flex.
grid	Tworzy element siatki (grid).
none	Element całkowicie zniknie i wszystkie inne elementy będą zachowywać się tak, jakby tego elementu nie było.
table	Element będzie zachowywał się jak tabela.
table-cell	Element będzie zachowywał się jak komórka tabeli.
inline-table	Element będzie zachowywał się jak tabela, ale tabela jest elementem wbudowanym (inline) i następuje jej opływanie przez inne elementy, na przykład przez tekst.
table-caption	Element będzie zachowywał się jak znacznik caption.
table-column	Element będzie zachowywał się jak kolumna tabeli.
table-row	Element będzie zachowywał się jak wiersz tabeli.
table-column-group	Element będzie zachowywał się jak znacznik colgroup.
table-footer-group	Element będzie zachowywał się jak znacznik tfoot.
table-header-group	Element będzie zachowywał się jak znacznik thead.
table-row-group	Element będzie zachowywał się jak znacznik tbody.
run-in	Ustawia element jako blokowy lub wbudowany (inline) w zależności od kontekstu.

Domyślnie elementy mogą mieć różne wartości display.