Ü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.