Style flexShrinkEigenschaft
Beispiele
Lassen Sie das blaue DIV-Element auf ein Fünftel anderer flexibler Elemente schrumpfen:
Selbst ausprobieren »
Definition und Verwendung
Die flexShrink-Eigenschaft gibt an, um wie viel ein Element relativ zu anderen flexiblen Elementen im selben Container schrumpft.
Hinweis:Wenn das Element kein flexibles Element ist, hat die flexShrink-Eigenschaft keine Auswirkung.
Browser-Unterstützung
![]()
Firefox, Opera und Chrome unterstützen die flexShrink-Eigenschaft.
Syntax
Gibt die flexShrink-Eigenschaft zurück:
Legen Sie die flexShrink-Eigenschaft fest:
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| number | Eine Zahl, die angibt, um wie viel das Element im Verhältnis zu anderen flexiblen Elementen schrumpft. Der Standardwert ist 0. |
| initial | Setzt diese Eigenschaft auf ihren Standardwert. Sieheinitial。 |
| inherit | Erbt diese Eigenschaft von seinem Elternelement. Sieheinherit。 |
Technische Details
| Standardwert: | 1 |
|---|---|
| Rückgabewert: | Eine Zeichenfolge, die die flex-shrink-Eigenschaft eines Elements darstellt. |
| CSS-Version | CSS3 |
Ähnliche Artikel
CSS-Referenzhandbuch:flex-shrink-Eigenschaft
HTML DOM Style-Referenzhandbuch:flex-Eigenschaft
HTML DOM STYLE-Referenzhandbuch:flexBasis-Eigenschaft
HTML DOM STYLE Referenzhandbuch:flexDirection-Eigenschaft
HTML DOM STYLE Referenzhandbuch:flexFlow-Eigenschaft
HTML DOM STYLE Referenzhandbuch:flexGrow-Eigenschaft
HTML DOM STYLE Referenzhandbuch:flexWrap-Eigenschaft
Andere Erweiterungen
Style-Objekt