Übersicht
Die flex-grow
CSS Eigenschaft gibt den Wachstumsfaktor eines flexiblen Elements an.
Initialwert | 0 |
---|---|
Anwendbar auf | flexible Elemente einschließlich In-Flow-Pseudo-Elemente |
Vererbt | Nein |
Medien | visuell |
Berechneter Wert | wie angegeben |
Animierbar | ja, als Nummer |
Kanonische Reihenfolge | die 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.