CSS/Eigenschaften/flex

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
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
  • Defaultwert: * siehe Einzelwerte (0 1 auto)
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
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