Style flexShrinkEigenschaft

Style 对象参考手册Style-Objekt

Beispiele

Lassen Sie das blaue DIV-Element auf ein Fünftel anderer flexibler Elemente schrumpfen:

document.getElementById("myBlueDiv".style.flexShrink = "5";

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

Internet Explorer Firefox Opera Google Chrome Safari

Firefox, Opera und Chrome unterstützen die flexShrink-Eigenschaft.


Syntax

Gibt die flexShrink-Eigenschaft zurück:

object.style.flexShrink

Legen Sie die flexShrink-Eigenschaft fest:

object.style.flexShrink="number|initial|inherit"

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


Style 对象参考手册Style-Objekt

Andere Erweiterungen