最新的Web开发教程
 

Style flexShrink Property

<Style对象

例

让蓝色DIV元素收缩比柔性其余项目五倍：

document.getElementById("myBlueDiv".style.flexShrink = "5";
试一试»

定义和用法

该flexShrink属性指定该项目将如何缩减相对于同一容器内的柔性物品的其余部分。

Note:如果元素不是一个灵活的项目，该flexShrink属性没有任何效果。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

该flexShrink属性在IE10 +，Firefox，歌剧，和Chrome支持。

注：Safari浏览器6.1以上支持的替代方案，WebkitFlexShrink财产。

句法

返回flexShrink属性：

object .style.flexShrink

设置flexShrink属性：

object .style.flexShrink=" 属性值
值 描述
number 一个数字，指定该项目将有多少缩水相对灵活的项目的其余部分。 默认值为0。
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值： 1
返回值： 一个字符串，表示元件的柔性收缩特性
CSS版本 CSS3

相关页面

CSS参考： flex-shrink property

HTML DOM样式的引用： flex property

HTML DOM样式的引用： flexBasis property

HTML DOM样式的引用： flexDirection property

HTML DOM样式的引用： flexFlow property

HTML DOM样式的引用： flexGrow property

HTML DOM样式的引用： flexWrap property

<Style对象