display | NN 4 IE 4 CSS 1
| Vererbt: Nein
Mehrzweckattribut, das bestimmt, wie ein Browser unsichtbare Boxen um alle Elemente und Textnodes herum behandeln soll. Ein Blockebenen-Element weist beispielsweise ganz andere Merkmale auf als ein Inline-Element (zumindest was die Darstellung des Elements in Bezug auf den umgebenden Inhalt anbetrifft). Die CSS-Spezifikation sieht zahlreiche solche Boxen vor, da der von ihnen belegte Platz direkt durch Elemente wie Rahmen oder sogar durch Darstellungsregeln (Steuerung von Definitionslisteneinträgen durch einen kompakten Style) beeinflusst werden kann. In der Praxis dürften Sie keinen oder nur einen geringen Unterschied zwischen verschiedenen Anzeigetypen sehen, da das in den Browser integrierte Stylesheet keine anders lautenden Angaben für die Variationen enthält (beispielsweise kann die Darstellung eines table-Elements genau gleich sein, unabhängig davon, ob für das Stilattribut display die Einstellung block oder table angegeben ist). Gleichzeitig können Sie mit dem Style display aber das Standarddarstellungsverhalten von Elementen außer Kraft setzen, um z. B. eine Blocktabelle als Inline-Tabelle wiederzugeben. Die wichtigste Funktion des DHTML-Stilattributs display besteht darin, in einem Skript zwischen der Darstellung eines Elements und des von ihm belegten Platzes und der völligen Ausblendung umzuschalten. Bei der Einstellung none ist das Element unsichtbar, und alle umgebenden Inhalte nehmen den Platz ein, den das Element normalerweise beanspruchen würde. Dies unterscheidet sich vom Attribut visibility, bei dem für das ausgeblendete Element Platz reserviert wird. Um das Element erneut auf den Standardanzeigemodus zu setzen, können Sie einen der gängigen Anzeigetypen (block und inline) oder einen mit dem Element verknüpften spezifischen Anzeigetyp (wie z. B. list-item bei einem li-Element) zuordnen, falls dieser von den Zielbrowsern unterstützt wird.
CSS-Syntax
    display: displayType
Wert
In der CSS-Spezifikation sind zahlreiche Anzeigetypen vorgesehen, doch die Browserunterstützung ist weitaus restriktiver. Welche Typen unterstützt werden, geht aus der folgenden Tabelle hervor.
Anzeigetyp | IE/Windows | IE/Mac | NN | CSS
--- | --- | --- | --- | ---
block | 5 | 4 | 6 | 2
compact | -- | -- | -- | 2
inline | 5 | 4 | 6 | 2
inline-block | 5.5 | -- | -- | --
inline-table | -- | 5 | -- | 2
list-item | 5 | 5 | 6 | 2
marker | -- | -- | -- | 2
none | 4 | 4 | 6 | 2
run-in | -- | 5 | -- | 2
table | -- | 5 | 6 | 2
table-caption | -- | 5 | -- | 2
table-cell | -- | 5 | 6 | 2
table-column-group | -- | 5 | -- | 2
table-footer-group | 5.5 | 5 | 6 | 2
table-header-group | 5 | 5 | 6 | 2
table-row | -- | 5 | 6 | 2
table-row-group | -- | 5 | 6 | 2
Anfangswert
Abhängig vom jeweiligen Element.
Beispiel
    .hidden {display: none}
Gilt für
Alle Elemente (manche Anzeigetypen sind nur bei bestimmten Elementen gültig).
Objektmodellreferenz
    [window.]document.getElementById("elementID").style.display