Opis:

CSS display Definiuje sposób wyświetlania elementu.

CSS display - Przykład:

display: block;

Składnia:

display: value;

CSS display - Spis wartości:

Nazwa Objaśnienie
inlineWartość domyślna (dla większości elementów). Wyświetla element jako typ inline (np. <span>).
blockWyświetla element jako typ block (np. <p>).
flexWyświetla element jako typ blokowy elastyczny.
inline-blockWyświetla element jako liniowo-blokowy kontener.
inline-flexWyświetla element jako liniowo-elastyczny.
inline-tableWyświetla element jako liniowo-tabelaryczny.
list-itemPozwala elementom zachowywać sie jak element listy np. <li>.
run-inWyświetla element jako liniowy lub blokowy, zależnie od kontekstu.
tableElement zachowuje się jak tabela, np. element <table>.
table-captionElement zachowuje się jak podpis, np. element <caption>.
table-column-groupElement zachowuje się jak <colgroup>.
table-header-groupElement zachowuje się jak <thead>.
table-footer-groupElement zachowuje się jak <tfoot>.
table-row-groupElement zachowuje się jak <tbody>.
table-cellElement zachowuje się jak <td>.
table-columnElement zachowuje się jak <col>.
table-rowElement zachowuje się jak <tr>.
noneElement nie będzie wyświetlany, a jego istnienie w dokumencie nie będzie miało wpływu na pozostałe elementy.
initialUstawia domyślną wartość.
inheritDziedziczy wartość po rodzicu.

Zobacz również:

margin-left | display | margin-bottom | height | margin |