Opis

display określa czy element jest traktowany jako element blokowy czy element wbudowany oraz układ używany dla jego elementów podrzędnych (jak flow, grid lub flex).

Przykład
Element różnie wyświetlany:
Hejka! wam...
i możemy pisać dalej.
Kod:
Wartości

display: wartość;

WartośćOpis
inline Wyświetla element jako element wbudowany, w linii. Nie działa wysokość i szerokość.
block Wyświetla element jako element blokowy. Zaczyna się od nowej linii i zajmuje całą szerokość.
contents Wyświetla tylko treść pudełka (content area), bez pozostałych obszarów - kontener znika.
flex Wyświetla element jako blok elastycznego kontenera
grid Wyświetla element jako blok kontenera siatki
inline-block Wyświetla element jako kontener blokowy na poziomie wbudowanym. Działa wysokość i szerokość
inline-flex Wyświetla element jako wbudowany elastyczny pojemnik
inline-grid Wyświetla element jako wbudowany kontener siatki
inline-table Element jest wyświetlany jako wbudowana tabela
list-item jak element listy <li>
run-in W zależności od kontekstu wyświetla element jako blokowy lub wbudowany. Eksperymentalny.
table jak tabela <table>
table-caption jak podpis tabeli <caption>
table-column-group jak grupa kolumn tabeli <colgroup>
table-header-group jak nagłówek tabeli <thead>
table-footer-group jak stopka tabeli <tfoot>
table-row-group jak treść tabeli <tbody>
table-cell jak komórka tabeli <td>
table-column jak kolumna tabeli <col>
table-row jak wiersz tabeli <tr>
none Całkowicie usuwa element z dokumentu
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |      Sprawdź wsparcie przeglądarek i stan wartości na dziś
Info: Domyślna wartość: ?
Dziedziczenie:
Animowalność:
JavaScript: object.style.display