Übersicht
Die flex-shrink CSS Eigenschaft gibt den Schrumpffaktor eines Flexelements an.
| Initialwert | 1 |
|---|---|
| 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
Formale Syntax: <number>
flex-shrink: 2 flex-shrink: inherit
Werte
<number>- Siehe
<number>. Negative Werte sind ungültig.
Beispiele
element {
flex-shrink: 3;
}
Spezifikationen
| Spezifikation | Status | Kommentar |
|---|---|---|
| CSS Flexible Box Layout Module Die Definition von 'flex-shrink' in dieser Spezifikation. |
Anwärter Empfehlung |
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
Schlagwörter:
Mitwirkende an dieser Seite:
Sebastianz,
fscholz
Zuletzt aktualisiert von:
Sebastianz,