Die display-Eigenschaft

Die Eigenschaft display - legt die Darstellungsart eines Elements durch den Browser fest.

Syntax

Werte

Wert	Beschreibung
block	Blockelement.
inline	Inline-Element.
inline-block	Inline-Block-Element.
list-item	Das Element wird zu einem Listenpunkt und vor ihm erscheint ein Listenmarker.
flex	Setzt das Element als Block-Element, und seine Nachkommen werden zu Flex-Elementen.
inline-flex	Setzt das Element als Inline-Block-Element, und seine Nachkommen werden zu Flex-Elementen.
grid	Erzeugt ein Grid-Container-Element.
none	Das Element wird komplett entfernt und alle anderen Elemente verhalten sich so, als ob dieses Element nicht existiert.
table	Das Element verhält sich wie eine Tabelle.
table-cell	Das Element verhält sich wie eine Tabellenzelle.
inline-table	Das Element verhält sich wie eine Tabelle, aber die Tabelle ist ein Inline-Element und wird von anderen Elementen, z.B. Text, umflossen.
table-caption	Das Element verhält sich wie das caption-Tag.
table-column	Das Element verhält sich wie eine Tabellenspalte.
table-row	Das Element verhält sich wie eine Tabellenzeile.
table-column-group	Das Element verhält sich wie das colgroup-Tag.
table-footer-group	Das Element verhält sich wie das tfoot-Tag.
table-header-group	Das Element verhält sich wie das thead-Tag.
table-row-group	Das Element verhält sich wie das tbody-Tag.
run-in	Legt das Element als Block- oder Inline-Element fest, abhängig vom Kontext.

Standardmäßig können Elemente verschiedene display-Werte haben.