Style flexShrink 属性

定义和用法

flexShrink 属性规定项目将如何相对于同一容器内的其他弹性项目进行收缩。

注释:如果元素不是弹性项,则 flexShrink 属性无效。

另请参阅:

CSS Εγχειρίδιοflex-shrink ιδιότητα

实例

让蓝色的 DIV 元素比其他弹性项缩小五倍:

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

亲自试一试

语法

返回 flexShrink 属性:

object.style.flexShrink

设置 flexShrink 属性:

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

属性值

描述
number 数字,规定项目相对于其他弹性项目将收缩多少。默认值为 0。
initial 将此属性设置为其默认值。请参阅 initial.
inherit 从其父元素继承此属性。请参阅 inherit.

技术细节

默认值: 1
返回值: 字符串,表示元素的 flex-shrink ιδιότητα.
Έκδοση CSS: CSS3

Υποστήριξη Περιηγητή

Ο αριθμός στο πίνακα δείχνει την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη 11.0 Υποστήριξη 9.0 Υποστήριξη

Σχετικές Σελίδες

HTML DOM STYLE Εγχειρίδιοflex 属性

HTML DOM STYLE ΕγχειρίδιοflexBasis 属性

HTML DOM STYLE ΕγχειρίδιοflexDirection 属性

HTML DOM STYLE ΕγχειρίδιοflexFlow 属性

HTML DOM STYLE ΕγχειρίδιοflexGrow 属性

HTML DOM STYLE ΕγχειρίδιοflexWrap 属性