Właściwość display

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

Składnia

cssselektor {
  display: wartość;
}

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.