CSS/Eigenschaften/flex

Hauptartikel: CSS/Tutorials/Flexbox

Die Eigenschaft flex ist die Zusammenfassung der Eigenschaften für flex-grow, flex-shrink, + flex-basis , die bestimmen, wie sich ein flexibler Container streckt oder schrumpft.

Erlaubte Werte

• siehe Einzelwerte
• none flex-grow flex-shrink flex-basis

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

• siehe Einzelwerte (0 1 auto)

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

ja

Beispiel

p { flex: 1 2em auto; }

• wenn für alle Kind-Elemente flex-grow auf 1 gesetzt ist, werden sie alle gleich breit dargestellt
• legt fest, um wie viel diese schrumpfen sollen
• bestimmt die ursprüngliche Größe des Kind-Elements

Weblinks

• Spezifikation (W3C): CSS Flexible Box Layout Module Level 1