Style flexShrink Eigenschaft

Definition und Verwendung

flex-shrink Diese Eigenschaft legt fest, wie sich der Artikel im Vergleich zu anderen flexiblen Elementen im selben Container zusammenziehen soll.

Anmerkung:Wenn das Element kein flexibles Element ist, dann flex-shrink Eigenschaft ungültig.

Weitere Informationen:

CSS Referenzhandbuch:flex-shrink Eigenschaft

Beispiel

Lassen Sie den blauen DIV-Element um das Fünffache kleiner als andere flexible Elemente werden:

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

Probieren Sie es selbst aus

Syntax

flex-shrink Eigenschaft zurückgeben:

object.style.flexShrink

flex-shrink Eigenschaft setzen:

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

Eigenschaftswert

Wert Beschreibung
number Zahl, die angibt, um wie viel der Artikel im Vergleich zu anderen flexiblen Artikeln zusammenziehen soll. Der Standardwert ist 0.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: 1
Rückgabewert: Zeichenkette, die den flex-shrink Eigenschaft.
CSS-Version: CSS3

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Version des Browsers an, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützt 11.0 Unterstützt 9.0 Unterstützt

Verwandte Seiten

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