Die display-Eigenschaft bestimmt, wie ein Element dargestellt wird und wie seine Kinder angeordnet werden. Sie ist der Einstieg in Flexbox und Grid.
- display-Eigenschaft
Eigenschaft, die festlegt, wie ein Element selbst dargestellt wird und nach welchem Verfahren seine Kinder angeordnet werden.
Beispiel: „Die display-Eigenschaft ist der Einstieg in Flexbox und Grid.“
Zwei Dinge auf einmal
Der Wert sagt beides: wie sich das Element nach außen verhält und wie es innen anordnet. block nimmt die volle Breite, inline bleibt im Textfluss, inline-block bleibt im Fluss und nimmt trotzdem Maße an. flex und grid verändern vor allem, wie die Kinder liegen.
Der Wert none
display: none entfernt das Element vollständig: Es nimmt keinen Platz ein und wird von Screenreadern nicht vorgelesen. Das ist etwas anderes als visibility: hidden, das den Platz freihält, und etwas anderes als eine Klasse, die ein Element nur optisch versteckt und für Hilfsmittel lesbar lässt.