 Der Befehl "display"
legt fest, welche Art von Box ein Element erzeugt. Jedes Element kann Null oder mehr Boxen erzeugen. |
| display - Ausgabe eines Elements | |||
| Befehle | Beschreibung | Wert | Beispiele |
| none | Schaltet die Anzeige eines Elementes aus (das Element hat keinen Effekt mehr auf das Layout des Dokumentes). Alle Kindelemente werden ebenfalls nicht mehr angezeigt. Das Dokument wird so gerendert als wenn das Element nicht im Dokumentenbaum existieren würde. => Element wird nicht angezeigt und es wird auch kein Platzhalter | ||
| inline |
Es werden eine oder mehrere inline Elementboxen generiert. => Erzwingt die Anzeige im Text – das Element wird im laufenden Textfluss angezeigt |
||
| block |
Es wird eine Blockbox generiert. => Erzwingt einen Block – das Element erzeugt eine neue Zeile. |
||
| inline-block |
Es wird eine block Box
generiert, welche den umliegenden Inhalt umfließen lässt, als
wenn es eine einzelne inline Box
wäre.=> Erzeugt einen Block, der im Textfluss angezeigt wird und nicht auf mehrere Zeilen aufgeteilt wird |
||
| inherit | => Erbt den display-Wert des Elternelements | ||
| flex |
Es wird ein Flexbox Container als block Element
erzeugt.=> Generiert einen Flex-Container, der sich wie ein Blockelement verhält |
||
| inline-flex |
Es wird ein Flexbox Container als inline Element
erzeugt.=> Generiert einen Flex-Container, der sich wie ein Inline-Element verhält |
||
| grid |
Es wird ein Grid Container als block Element
erzeugt.=> Generiert ein Raster, der sich wie ein Blockelement verhält |
||
| inline-grid |
Es wird ein Grid Container als inline Element
erzeugt.=> Generiert ein Raster, der sich wie ein Inline-Element verhält |
||