tas2580
Blog über Webentwicklung

CSS - display

Die display Eigenschaft gibt die Art der Box für ein HTML-Element an.

Beispiel

div {
    display: none;
}

Definition und Verwendung

Tipp: Unsichtbare Elemente nehmen keinen Platz auf der Seite ein. Mit der visibility Eigenschaft lassen sich unsichtbare Elemente erstellen, die weiterhin Platz einnehmen.

Standard Wert:
inline
CSS Version:
CSS1
Vererbt sich:
Nein
Animierbar:
Nein

Browser Unterstützung

Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein

Mögliche Werte

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert Beschreibung
block Zeigt ein Element als Blockelement (wie <p>).
flex Zeigt ein Element als Block-Level Flex-Container.
inline Standardwert. Zeigt ein Element als Inline-Element (wie <span>).
inline-block Zeigt ein Element als Inline-Block-Level. Das Innere des Blocks wird als Block-Level-Box formatiert und das Element selbst wird als Inline-Level-Box formatiert.
inline-flex Zeigt ein Element als Inline Flex-Container.
inline-table Das Element wird als Inline-Tabelle angezeigt.
list-item Das Element verhält sich wie ein <li> -Element.
none Das Element wird nicht angezeigt (hat keine Auswirkung auf das Layout).
run-in Zeigt ein Element entweder als Block oder Inline, je nach Kontext.
table Das Element verhält sich wie ein <table> Element.
table-caption Das Element verhält sich wie ein <caption> Element.
table-cell Das Element verhält sich wie ein <td> Element.
table-column Das Element verhält sich wie ein <col> Element.
table-column-group Das Element verhält sich wie ein <colgroup> Element.
table-footer-group Das Element verhält sich wie ein <tfoot> Element.
table-header-group Das Element verhält sich wie ein <thead> Element.
table-row Das Element verhält sich wie ein <tr> Element.
table-row-group Das Element verhält sich wie ein <tbody> Element.
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.