Latest web development tutorials

HTML-DOM Stil flexShrink Eigenschaft

Style-Objekt Referenz Style - Objekte

Beispiele

Lassen Sie den blauen DIV-Element auf ein Fünftel des anderen flexiblen Projekt schrumpfen:

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

Versuchen »

Definition und Verwendung

flexShrink Attribut gibt das Projekt in Bezug auf andere Gegenstände in demselben Behälter Volumenschrumpf flexibel sein.

Hinweis: Wenn dasElement nicht flexible Elemente ist, wird flexShrink Eigenschaft nicht.


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera und Chrome unterstützen flexShrink Eigenschaft.


Grammatik

Zurück flexShrink Eigenschaften:

object .style.flexShrink

Einstellen flexShrink Eigenschaften:

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

Eigenschaft Wert

描述
number 一个数字,规定项目将相对于其他灵活的项目进行收缩的量。默认值是 0。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

Technische Details

Standard: 1
Rückkehr: String, die die Flex schrumpfen Attributelement.
CSS-Version CSS3


In Verbindung stehende Artikel

CSS - Referenzhandbuch: Flex-Shrink - Eigenschaft

HTML - DOM - ART - Referenz: Flex - Eigenschaften

HTML - DOM - ART - Referenz: flexBasis Eigenschaft

HTML - DOM - ART - Referenz: flexDirection Eigenschaft

HTML - DOM - ART - Referenz: Flexflow - Eigenschaft

HTML - DOM - ART - Referenz: flexGrow Eigenschaft

HTML - DOM - ART - Referenz: flexWrap Eigenschaft


Style-Objekt Referenz Style - Objekte