Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

flex-grow

Übersicht

Die  flex-grow CSS Eigenschaft gibt den Wachstumsfaktor eines flexiblen Elements an.

Initialwert0
Anwendbar aufflexible Elemente einschließlich In-Flow-Pseudo-Elemente
VererbtNein
Medienvisuell
Berechneter Wertwie angegeben
Animierbarja, als Nummer
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

Siehe die Verwendung von CSS Flexible Boxes für weitere Eigenschaften und Informationen.

Syntax

<number>
flex-grow: 3

flex-grow: inherit

Werte

<number>
Siehe <number>. Negative Werte sind ungültig.

Beispiele

element { 
  flex-grow: 3;
}

Spezifikationen

Spezifikation Status Kommentar
CSS Flexible Box Layout Module Anwärter Empfehlung Ursprüngliche Definition

Browser Kompatibilität

Merkmal Firefox (Gecko) Chrome Internet Explorer Opera Safari
Grundlegende Unterstützung 18.0 (18.0) (behind a pref) [1]
20.0 (20.0)
21.0-webkit Nicht unterstützt 12.10 Nicht unterstützt
Merkmal Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Grundlegende Unterstützung ? ? Nicht unterstützt 12.10 Nicht unterstützt

[1] Firefox unterstützt bis Version 28 nur einzeiliges Flexbox Layout. Um Flexbox Unterstützung für Firefox 18 und 19 zu aktivieren, muss die Einstellung layout.css.flexbox.enabled in about:config auf true gesetzt werden.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: Sebastianz, fscholz, SJW
 Zuletzt aktualisiert von: Sebastianz,